PaginatedTable Tabla Paginada
Data Display
Detección automática inteligente
Un componente de alto nivel que combina una Table con Pagination, gestionando el estado internamente.
Uso
| 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 |
Constructor de páginas del CMS
Este componente está disponible como un bloque paginatedTable en el Constructor de páginas (content/pages/*.json):
{
"type": "paginatedTable",
"title": "Users",
"pageSize": 5
}
Propiedades
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | - | Título de la tabla. |
pageSize | number | 10 | Elementos por página. |
Configuración del 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 }
Hidratación
Nivel 2: siempre se hidrata como isla para gestionar el estado interno de paginación.