# TableColumnsMenu

> Popover with a checkbox per column.

Source: https://ui.jcsoftdev.com/docs/components/table-columns-menu

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

## Import

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

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

## Props

| 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.

## Source

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