Comment ça marche
1. État dans l'URL – Tri, filtres, pagination et visibilité des colonnes sont stockés dans l'URL (via Nuqs). Le client lit cet état et appelle votre couche de données avec les mêmes paramètres. 2. getTableActions(tableT...
Guide
Utiliser les Server Actions pour list, create, update, delete et opérations bulk
1. État dans l'URL – Tri, filtres, pagination et visibilité des colonnes sont stockés dans l'URL (via Nuqs). Le client lit cet état et appelle votre couche de données avec les mêmes paramètres. 2. getTableActions(tableT...
1. Module serveur (optionnel mais recommandé) Conservez votre logique de données dans un module server-only (par ex. lib/products-server.ts) : list avec filtre/tri/pagination, create, update, delete, opérations bulk. Ce...
L'action list reçoit un objet unique avec : | Key | Type | Description | |-----|------|-------------| | page | number | Index de page en base 1. |
Ce que cette page couvre
La source MDX originale est condensee en cartes CMS natives pour edition et republication depuis le control plane.
1. État dans l'URL – Tri, filtres, pagination et visibilité des colonnes sont stockés dans l'URL (via Nuqs). Le client lit cet état et appelle votre couche de données avec les mêmes paramètres. 2. getTableActions(tableT...
1. Module serveur (optionnel mais recommandé) Conservez votre logique de données dans un module server-only (par ex. lib/products-server.ts) : list avec filtre/tri/pagination, create, update, delete, opérations bulk. Ce...
L'action list reçoit un objet unique avec : | Key | Type | Description | |-----|------|-------------| | page | number | Index de page en base 1. |
YaYaw Table exécute toujours filtrage, pagination et tri en mode server-side. Aucune option manual n'est requise dans la config table. Votre action list doit gérer search, filters, advancedFilters, orderBy, page et limi...
La route /example tourne actuellement en mode local pour que les modifications restent interactives sans backend : elle utilise app/[locale]/example/lib/products-local-actions.ts avec stockage dans le localStorage du na...
Notes d'implementation
Tri, filtres, pagination et état des colonnes dans l'URL avec Nuqs
$ const productsStore = [...initialProducts];
$ export async function listProducts(params: {
$ page?: number;
$ limit?: number;
$ filters?: Record<string, unknown>;