Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA pick list for the visible columns of a table with at least one column kept, a Reset to default button and a live preview of the header row. Use this when users decide which columns a table shows and in what order.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it for data tables, CRM lists and reports where people tailor the view and want to see the effect while they do.
Do not use it for fixed layouts, or for a few columns that fit in a simple menu of checkboxes.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
columns | TransferItem[] | - | Every column. |
defaultColumns | string[] | - | The default visible columns, in order. |
value / onValueChange | string[] | default | Visible columns in order. |
role="alert" message; the count is a status message.scope="col"; ordering uses the keys and announcements of pick-list.The pattern ships with a Testing Library test (column-chooser.test.tsx) that covers the preview, adding, the last-column rule and reset.