参考
表格 Table
Table:基于 TanStack Table v9 的一站式数据表。行是在 ARIA table 语义下的 CSS grid,因此排序、过滤、树展开、选择和分页由行模型管线提供时,吸顶表头、固定列、合并单元格和虚拟化窗口仍保持语义正确。
Body · Cell · CellMain · Empty · Expander · Footer · FooterCell · GlobalFilter · Header · HeaderCell · HeaderFilter · Indicator · PageNav · PageStatus · Pagination · Root · Row · Table · Toolbar · Trigger · Viewport
#SDataTable
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
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 | — |
| 事件 | 载荷 |
|---|---|
rowReorder | (_rows: RowData[]) => true |
columnReorder | (_ids: string[]) => true |