Column Filter Blueprint
Static open state of a column header filter popover with a search box, checkbox value list with counts, and apply and clear controls.
Static open state of a column header filter popover with a search box, checkbox value list with counts, and apply and clear controls.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Column Filter Blueprint renders the open state of a Status column filter as static markup beside a preview table. The popover panel shows a search box labelled Search status, a checkbox list of four values (Open 58, In progress 34, In review 21, Closed 199) with Open and In progress checked, and Apply plus Clear controls at the bottom. The Status column header carries a secondary badge showing 2 active values so the filter state is visible without opening the panel.
Options are one const array with value, count, and a checked flag. Because this is a static blueprint you see exactly what the panel looks like open without any Radix portal escaping the preview root.
Reach for this block when explaining the per-column filter pattern to your team or when building a table that needs filterable column headers. Wire the real version to your URL query string so filtered views are shareable.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the status column filter on an issue tracker. Other column filters:
Tip: show per-value counts in the checkbox list; they let users predict how many rows each value will reveal before they click Apply.