Grid Column Chooser

ProNew

A popover with a checkbox per column, a visible count on the button, locked columns and a guard that keeps at least one column on screen.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.

Use it for wide grids where people pick the columns they need. For a long list of optional fields, group them first.


pnpm dlx shadcn@latest add @tealmac-pro/grid-column-chooser

Prop	Type	Description
`columns`	`GridColumn<T>[]`	All columns, hidden ones included.
`onHiddenChange`	`(ids: string[]) => void`	The ids hidden after the change.
`lockedIds`	`string[]`	Columns that cannot be hidden.

Each column is a labelled checkbox in a list; the last visible column is disabled so the grid never goes empty.
The button shows how many columns are visible, for example 8/8.