<paginatorControls>
<paginatorControls> is a Sectional
component that works alongside the <paginator> component to provide navigation buttons.
Attributes and Properties
| Attribute | Type | Values |
|---|---|---|
nextLabel = "…" | text | |
pageLabel = "…" | text | |
paginator = "…" | ||
previousLabel = "…" | text |
| Property | Type |
|---|---|
$p.disabled | boolean |
$p.disabledDirectly | boolean |
$p.fixed | boolean |
$p.fixLocation | boolean |
$p.hidden | boolean |
$p.nextLabel | text |
$p.pageLabel | text |
$p.previousLabel | text |
Example: <paginatorControls> with a basic <paginator>
A <paginator> component creates a separate page for each sectional component it contains. The
navigation buttons for the paginator are created using the <paginatorControls> component, and may be
positioned either above or below the paginator content. The paginator attribute of the
<paginatorControls> component references the name of the associated <paginator> component.
Example: <paginatorControls> with custom labels
The pageLabel, nextLabel, and previousLabel attributes of the <paginatorControls> component
allow customization of the text displayed on the navigation buttons.