DataTable props
<DataTable /> is mostly driven by the instance from useDataTable. It accepts the presentational props below, and spreads any other div props onto the root element.
| Prop | Type | Description |
|---|---|---|
table | DataTableInstance<TData> | — |
pageSizeOptions? | number[] | Page-size options for the bottom pagination control. |
surfaceClassName? | string | Extra classes for the scrollable table surface (e.g. a max-height to engage the sticky header/footer or to bound a virtualized list). |
<DataTable
table={table}
surfaceClassName="max-h-[600px]"
pageSizeOptions={[10, 25, 50, 100]}
/>
surfaceClassName
Use surfaceClassName to bound the scroll surface (e.g. max-h-[600px]) — required to engage the sticky header & footer and to size a virtualized list.