Skip to main content

Table Pager

The Table Pager component is a user interface element used in applications that display large sets of data in a tabular or paginated format. Its primary function is to break down the dataset into manageable sections or pages, enabling users to navigate through the data easily. This component should be used within a Datatable Context Component.

Image

Properties​

The following properties are available to configure the behavior of the component from the form editor (this is in addition to common properties).

Common​

Component Name string​

A unique identifier used to bind the pager to a table instance.

Show Size Changer boolean​

Toggles the page size selector dropdown. (default: true)

Show Total Items boolean​

Toggles the display of total item count. (default: true)

Hide boolean​

Controls the visibility of the pager.

Appearance​

Font object​

Customize how your text-field labels look. Choose the font family, size, weight, and color.

Margin & Padding object​

Fine-tune spacing inside and around the component.

Custom Styles function​

Inject your own CSS styles via JavaScript (must return a style object).