DataPagination
Pre-styled pagination row: item-count label on the left, page navigation on the right.
Interactive-mode
Examples
Page 1 of 5
Showing 1–10 of 50
Page 3 of 10 (mid-range)
Showing 21–30 of 100
ShowLabel hidden — pagination only, no item count
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| DataPagination | A two-part flex row: a Showing X–Y of Z count label on the left, and a full Pagination / PaginationContent page-number row on the right. Previous and Next buttons are automatically disabled at the boundaries. Fires PageChanged when the user clicks a page number or arrow. When ShowLabel is false the label is suppressed and the row uses justify-end. |
DataPagination
A two-part flex row: a Showing X–Y of Z count label on the left, and a full Pagination / PaginationContent page-number row on the right. Previous and Next buttons are automatically disabled at the boundaries. Fires PageChanged when the user clicks a page number or arrow. When ShowLabel is false the label is suppressed and the row uses justify-end.
| Property | Type | Required | Description |
|---|---|---|---|
| Page | int | Current (1-based) page number. Default: 1. | |
| PageChanged | EventCallback<int> | Fired with the new page number when the user navigates. | |
| PageSize | int | Items per page used to compute TotalPages, StartItem, and EndItem. Default: 10. | |
| TotalItems | int | Total number of records across all pages. Default: 0. | |
| ShowLabel | bool | When true (default), renders the Showing X–Y of Z caption on the left. Set to false to suppress the label; the row shifts to justify-end. Default: true. |