PaginatedTable Tableau Paginé
Data Display
Tier 2
Un composant de haut niveau qui combine une table avec une pagination, gérant l'état en interne.
Utilisation
| ID | Name | Role | Status | |
|---|---|---|---|---|
| 1 | Alice Johnson | alice@example.com | Developer | Active |
| 2 | Bob Smith | bob@example.com | Designer | Away |
| 3 | Charlie Brown | charlie@example.com | Manager | Offline |
| 4 | Diana Prince | diana@example.com | QA Engineer | Active |
| 5 | Evan Wright | evan@example.com | Developer | Active |
Constructeur de pages CMS
Ce composant est disponible sous forme de bloc paginatedTable dans Page Builder (content/pages/*.json) :
{
"type": "paginatedTable",
"title": "Users",
"pageSize": 5
}
Propriétés
| Propriété | Type | Défaut | Description |
|---|---|---|---|
title | string | - | Titre du tableau. |
pageSize | number | 10 | Articles par page. |
Configuration du CMS
- label: PaginatedTable
name: paginated-table
widget: object
fields:
- { label: Title, name: title, widget: string, required: false }
- { label: Page Size, name: pageSize, widget: number, default: 10 }
Hydratation
Niveau 2 : s'hydrate toujours comme une île pour gérer l'état de pagination interne.