Reference
Table
One-stop data table on TanStack Table v9, dressed in the paper-and-ink system: rows are CSS grids under ARIA table semantics, so sticky headers, pinned columns, merged cells, and a virtualized window all stay honest while sorting, filtering, tree expansion, selection, and pagination come from the row-model pipeline.
Body · Cell · CellMain · Empty · Expander · Footer · FooterCell · GlobalFilter · Header · HeaderCell · HeaderFilter · Indicator · PageNav · PageStatus · Pagination · Root · Row · Table · Toolbar · Trigger · Viewport
#SDataTable
| Prop | Type | Default | Description |
|---|---|---|---|
data | Array as PropType<RowData[]> | — | |
columns | Array as PropType<ColumnDef<any, any, any>[]> | — | |
selectable | unknown | — | |
sortable | Boolean | true | — |
filterable | unknown | — | |
showToolbar | Boolean | true | — |
tree | unknown | — | |
merge | Array as PropType<string[]> | — | |
pinStart | Array as PropType<string[]> | — | |
pinEnd | Array as PropType<string[]> | — | |
virtual | unknown | — | |
rowHeight | Number | 40 | — |
paginated | unknown | — | |
pageSize | Number | 10 | — |
pageSizeOptions | Array as PropType<number[]> | () => [10, 20, 50] | — |
stickyFooter | unknown | — | |
initialSorting | Array as PropType<SortingState> | — | |
globalFilterPlaceholder | String | "Filter rows" | — |
emptyText | String | "No rows" | — |
reorderable | unknown | — |
| Event | Payload |
|---|---|
rowReorder | (_rows: RowData[]) => true |
columnReorder | (_ids: string[]) => true |