Props
List of available props for configuring DataTable. tableType The type of table configuration to use. Used to resolve config and actions (e.g. getTableConfig("products"), getTableActions("products")). Required: true
Guide
Props and usage reference for the unified DataTable component
List of available props for configuring DataTable. tableType The type of table configuration to use. Used to resolve config and actions (e.g. getTableConfig("products"), getTableActions("products")). Required: true
A single table can keep one tableId while resolving table config and form config separately: tableId="cms-entries" tableType="content-index" formType="content-entry"
For Next.js App Router pages, load the first page in a Server Component, then pass the rows and pagination metadata into a small Client Component that renders DataTable. // app/products/page.tsx export default async fun...
What this page covers
The original MDX source has been condensed into CMS-native cards so the page can be edited and republished from the control plane.
List of available props for configuring DataTable. tableType The type of table configuration to use. Used to resolve config and actions (e.g. getTableConfig("products"), getTableActions("products")). Required: true
A single table can keep one tableId while resolving table config and form config separately: tableId="cms-entries" tableType="content-index" formType="content-entry"
For Next.js App Router pages, load the first page in a Server Component, then pass the rows and pagination metadata into a small Client Component that renders DataTable. // app/products/page.tsx export default async fun...
tableType="products" loadingOverlay= onRowSelectionChange=(rows) = console.log(rows) onBulkDelete=(rows) = console.log("delete", rows.length)
Implementation notes
Table behavior configuration and defaults
$ <DataTable tableType="products" />
$ <DataTable tableType="products" loadingOverlay={<MySpinner />} />
$ type BulkActionContext<TData> = {
$ selectedRows: Row<TData>[];
$ selectedOriginalRows: TData[];