Props
Liste des props disponibles pour configurer DataTable. tableType Type de configuration de table. Utilisé pour résoudre config et actions (getTableConfig("products"), getTableActions("products")). Requis : true
Guide
Référence des props et usages du composant DataTable unifié
Liste des props disponibles pour configurer DataTable. tableType Type de configuration de table. Utilisé pour résoudre config et actions (getTableConfig("products"), getTableActions("products")). Requis : true
Une seule table peut garder un tableId commun tout en séparant la config table et la config formulaire : tableId="cms-entries" tableType="content-index" formType="content-entry"
Pour les pages Next.js App Router, chargez la première page dans un Server Component, puis passez les lignes et la pagination à un petit Client Component qui rend DataTable. // app/products/page.tsx export default async...
Ce que cette page couvre
La source MDX originale est condensee en cartes CMS natives pour edition et republication depuis le control plane.
Liste des props disponibles pour configurer DataTable. tableType Type de configuration de table. Utilisé pour résoudre config et actions (getTableConfig("products"), getTableActions("products")). Requis : true
Une seule table peut garder un tableId commun tout en séparant la config table et la config formulaire : tableId="cms-entries" tableType="content-index" formType="content-entry"
Pour les pages Next.js App Router, chargez la première page dans un Server Component, puis passez les lignes et la pagination à un petit Client Component qui rend DataTable. // app/products/page.tsx export default async...
tableType="products" loadingOverlay= onRowSelectionChange=(rows) = console.log(rows) onBulkDelete=(rows) = console.log("delete", rows.length)
Notes d'implementation
Configuration du comportement de la table et valeurs par défaut
$ <DataTable tableType="products" />
$ <DataTable tableType="products" loadingOverlay={<MySpinner />} />
$ type ToolbarAction = {
$ id: string;
$ label: string;