🚀 Démarrage rapide
Installez via la registry Shadcn, puis branchez la configuration et les actions Ă DataTable : export const MyTable = () = ( tableType="products" getTableConfig=getTableConfig
Documentation
Table de donnees React open source pour Shadcn UI et TanStack Table avec etat URL, Server Actions, actions de masse et maitrise totale du code
Installez via la registry Shadcn, puis branchez la configuration et les actions Ă DataTable : export const MyTable = () = ( tableType="products" getTableConfig=getTableConfig
Moins de code répétitif – API claire et focalisée Setup minimal – Valeurs par défaut robustes Stable – Pas de boucles d'hydratation avec Next.js Propulsé par TanStack Table – Excellentes performances
Groupement Le groupement, la pagination et le tri sont activés via la configuration de table et les types de colonnes. Pas de câblage lourd. Vues enregistrées Les utilisateurs peuvent enregistrer et restaurer des vues b...
Carte documentaire
La documentation publique Table est maintenant representee par des pages CMS editables sous yayaw.app/table.
Installez YaYaw Table, la table de donnees React open source pour Shadcn UI et TanStack Table, via la registry Shadcn
Configuration pas Ă pas avec un exemple concret Next.js
Construire des formulaires create/edit avec éditeurs de tableaux natifs, validation et collections imbriquées
Référence des props et usages du composant DataTable unifié
Configuration du comportement de la table et valeurs par défaut
Configuration des colonnes, types, ordre et visibilité
Connecter les actions CRUD Ă la table via des **callbacks du provider**
Architecture QueryClient partagé, invalidation et comportement de **rafraîchissement**
Flux de confirmation et contrat des callbacks pour copy, delete, edit et export
Utiliser les Server Actions pour list, create, update, delete et opérations bulk
Tri, filtres, pagination et Ă©tat des colonnes dans l'URL avec Nuqs
Problèmes runtime fréquents et corrections
Notes d'implementation
Installez YaYaw Table, la table de donnees React open source pour Shadcn UI et TanStack Table, via la registry Shadcn
$ export const MyTable = () => (
$ <DataTable
$ tableType="products"
$ getTableConfig={getTableConfig}
$ getTableActions={getTableActions}