PageSettings
Configures pagination settings for the Data Grid component. Controls the behavior and appearance of pagination, including page size and navigation. Enables customization of how data is paginated and displayed in the grid.
Props
The following table outlines the props for the PageSettings:
| Name | Type | Default | Description |
|---|---|---|---|
| currentPage | number | 1 | Sets the current page number to display in the grid. Determines which page of data is actively shown, based on the page size and total records. Used to initialize or programmatically navigate to a specific page. |
| enabled | boolean | false | Determines whether pagination is enabled for the grid. When set to true, splits the grid’s data into pages with navigation controls. When false, displays all data without pagination. Affects the visibility and functionality of the pager component. |
| pageCount | number | 8 | Controls the range of page numbers displayed for navigation, enhancing usability. Affects the pager’s visual layout and navigation options. |
| pageSize | number | 12 | Specifies the number of records to display on each page of the grid. Impacts the pagination calculations and user experience. |
| template | string | ReactElement | Function | null | Defines a custom template for rendering the pager component. Allows replacement of the default pager UI with custom strings, React elements, or functions for dynamic rendering. Enables advanced customization of the pager’s appearance and behavior. |