Standard Data
Column Visibility Menu
A settings popover for showing or hiding table columns, with the chosen layout remembered between visits so people don't have to rebuild their view every time they come back.
$ velocityx add standard-column-visibility-menu
Built for react.
Needs react already installed
as a peer dependency.
An Astro-only project needs @astrojs/react wired up first — this won't run on its own in plain Astro.
Full docs for Column Visibility Menu →
Needs a licence key —
subscribe here, then
velocityx loginonce.
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| columns | array | No | [] | |
| storageKey | string | No | "velocity-column-visibility" | |
| onChange | function | No | () => {} | |
| label | string | No | "Columns" | |
| className | string | No | "" |
No `Props:` JSDoc comment found — types are undocumented in source, only names/defaults are known.
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/standard-column-visibility-menu/ColumnVisibilityMenu.jsxUsing the Column Visibility Menu component
Install it with velocityx add standard-column-visibility-menu.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Standard Data.
A query-builder for data tables — stack field/operator/value condition rows and combine them with a shared AND/OR joiner, so users compose multi-condition filters without writing a query language.
reactCheckbox row selection for a data table with a correctly indeterminate select-all, a live selected count, and a contextual action bar that appears only once something is selected, so bulk edit, export, or delete never need a separate mode.
reactTurns a truncated table cell into a focus-trapped popover showing the full value with a one-click copy button, so long IDs, JSON blobs or notes never need their own column width.
reactA data table for hierarchical records — folders, org charts, category trees — where any row can expand to reveal its children in place, indentation and a disclosure arrow showing depth without leaving the spreadsheet-like layout.
react