Skip to content

TableColumnsMenu

Open .md

Popover with a checkbox per column. The last visible column cannot be hidden.

import { TableColumnsMenu } from "@jcsoftdev/ui/containers";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/containers/table-columns-menu.

Prop Type Default Description
columns * readonly TableColumnOption[]
hiddenColumns * readonly string[] Ids of the hidden columns; pass the same list to Table as hiddenColumns.
onHiddenColumnsChange * (hidden: string[]) => void
label string Trigger text. Defaults to the localized “Columns”.

* marks a required prop.

packages/ui/src/containers/table-columns-menu/table-columns-menu.tsx