About this block

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.

When to use

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

• Filters and search
• Stat cards

After

• Dialogs
• Reports

What you can display

One strong use is the customer account list. Other togglable column sets:

• Issue tracker. Title stays locked, then assignee, priority, labels, and due date toggle per view.
• Order history. Order number stays locked, then status, total, items, and ship date toggle per view.
• Team roster. Member name stays locked, then role, team, location, and start date toggle per view.

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.