PaginatedTable Tabela Paginada
Data Display
Detecção automática inteligente
Um componente de alto nível que combina uma Table com Pagination, gerenciando o 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 |
Construtor de páginas do CMS
Este componente está disponível como um bloco paginatedTable no Construtor de Páginas (content/pages/*.json):
{
"type": "paginatedTable",
"title": "Users",
"pageSize": 5
}
Propriedades
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | - | Título da tabela. |
pageSize | number | 10 | Itens por página. |
Configuração do 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 }
Hidratação
Nível 2: sempre se hidrata como ilha para gerenciar o estado interno de paginação.