Exemple interactif avec bascules de fonctionnalités et table produits orientée production.
Activez ou désactivez les fonctionnalités en direct. Les réglages sont conservés dans l'URL.
Mode de densité
Choisissez l'espacement des en-têtes et des cellules du tableau.
Preset d'agencement
Applique des valeurs par défaut réutilisables pour les tables admin, catalogue ou aperçu.
Interaction de ligne
Choisissez le comportement par défaut au clic sur les zones non interactives des lignes.
const getTableConfig = () => ({
columns: {
visible: ["select", "name", "brand", "category", "price", "status", "actions"]
},
enableRowSelection: true,
enableColumnFilters: true,
enableGrouping: true,
displayModes: ["table", "kanban", "gallery"],
defaultDisplayMode: "table",
layoutPreset: "catalog",
rowClickMode: "activate"
});
<DataTable tableType="products" title="Produits" enableAdvancedFilters />Gérez votre catalogue produits avec filtres, tri et actions groupées.