Column Visibility Table
A customers table beside a checkbox rail that shows and hides columns live, with a locked identity column and a running column count.
A customers table beside a checkbox rail that shows and hides columns live, with a locked identity column and a running column count.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Column Visibility Table is the customers list for six accounts: Northwind Labs, Arcadia Systems, Helio Works, Fernwood Studio, Quantum Freight, and Bluepeak Health. A checkbox rail on the right toggles six optional columns on and off live via useState: Plan, MRR, Seats, Region, Created, and Last active. The Customer column stays locked on, and the count line reads how many of the seven total columns are currently shown.
Columns are one typed array; toggling a checkbox filters which ones render, and Reset to default restores the starting four. The footnote notes that column choices persist per user, so an ops lead and a finance lead can keep different views of the same list.
Reach for this block whenever a table carries more columns than any one reader needs at once and different roles care about different fields: customer lists, issue trackers, or reporting grids. No portal or dropdown menu is required; the chooser sits inline beside the table.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the customer account list. Other togglable column sets:
Tip: keep the identity column locked and out of the toggle list; a table where every column can vanish leaves readers with rows they cannot identify.