Performance Table
Tables
Source and install need .
pnpm dlx shadcn@latest add @assembli/saved-views-tableSaved Views Table
The flagship SaaS list: saved view tabs that remember their filters (edits show Save and Reset), faceted filters whose counts follow the search and other filters, a / search that highlights matches, sorting, column picker, density and CSV export. Wide tables scroll sideways under pinned columns with edge shadows, and shift-click selects a run for bulk actions.
Props
Other props pass through to the root element.
rows*
T[]
columns*
SavedViewsColumn<T>[]
filters
SavedViewsFilter<T>[]
Default
[]views
SavedView[]
Default
[{ id: "all", label: "All" }]Tabs across the top. Each one is a set of filters; the first is the default.
rowActions
SavedViewsRowAction<T>[]
Default
[]bulkActions
SavedViewsBulkAction<T>[]
Default
[]title
React.ReactNode
actions
React.ReactNode
Buttons beside the title (e.g. "Add customer").
noun
{ one: string; many: string }
Default
{ one: "row", many: "rows" }rowLabel
(row: T) => string
Default
(row) => row.idNames a row for its checkbox: "Select Acme".
pageSizes
number[]
Default
[10, 25, 50]maxHeight
number
Default
576Height of the scrolling body in px.
onViewsChange
(views: SavedView[]) => void
Called with the views after "Save view".
| Description | |||
|---|---|---|---|
| rows* | T[] | – | |
| columns* | SavedViewsColumn<T>[] | – | |
| filters | SavedViewsFilter<T>[] | [] | |
| views | SavedView[] | [{ id: "all", label: "All" }] | Tabs across the top. Each one is a set of filters; the first is the default. |
| rowActions | SavedViewsRowAction<T>[] | [] | |
| bulkActions | SavedViewsBulkAction<T>[] | [] | |
| title | React.ReactNode | – | |
| actions | React.ReactNode | – | Buttons beside the title (e.g. "Add customer"). |
| noun | { one: string; many: string } | { one: "row", many: "rows" } | |
| rowLabel | (row: T) => string | (row) => row.id | Names a row for its checkbox: "Select Acme". |
| pageSizes | number[] | [10, 25, 50] | |
| maxHeight | number | 576 | Height of the scrolling body in px. |
| onViewsChange | (views: SavedView[]) => void | – | Called with the views after "Save view". |
