Skip to content

DataTable

DataTable<TData>(props): ReactNode

Defined in: packages/react/src/ui/data-table/DataTable/index.tsx:253

Generic data table component with Load More pagination and row selection.

Renders DataTableHeader (the sticky <thead>), DataTableBody (the settled rows or loading skeleton), and DataTableFooter (the “Showing N of M” / Load More status line) inside a shared ScrollArea/Table frame — this file owns the TanStack Table instance (row selection, column visibility/order/pinning), the density/row-class derivation, and the sticky-header-height measurement effect; useDataTableColumnResize owns the custom column-resize state all three child components read from.

TData extends VexDocument

DataTableProps<TData>

DataTableProps.

ReactNode

The rendered table (or its error/empty-state substitute), plus the pinned footer.