Yayaw

Démo YaYaw Table

Exemple interactif avec bascules de fonctionnalités et table produits orientée production.

Produits et historique fictifs. Les modifications restent dans cette démo. Cliquez sur un produit ou sur Voir pour ouvrir sa fiche.

Configuration de la table

Activez ou désactivez les fonctionnalités en direct. Les réglages sont conservés dans l'URL.

Design

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.

Présentation de la fiche

Choisir où ouvrir la fiche de consultation.

Interaction de ligne

Choisissez le comportement par défaut au clic sur les zones non interactives des lignes.

Fonctionnalités

Autorisations

Configuration utilisée

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 />