PaginatedTable
Data Display
Smart auto-detect
A high-level component that combines a Table with Pagination, managing state internally.
Usage
| 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 |
CMS Page Builder
This component is available as a paginatedTable block in the Page Builder (content/pages/*.json):
{
"type": "paginatedTable",
"title": "Users",
"pageSize": 5
}
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | - | Table title. |
pageSize | number | 10 | Items per page. |
CMS Configuration
- 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 }
Hydration
Tier-2: Always hydrates as an island to manage internal pagination state.