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:

NameTypeDefaultDescription
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.

estimatedTotalRecordsCount
number
0

Provides an estimate of the total number of records in the data source when the exact count is unavailable. Used in scenarios like infinite scrolling where the server may not provide a total count. Upto estimatedTotalRecordsCount, the grid will send both skip and take parameters for paging requests based on server provided pageSize. Once the loaded records reach this count, the grid will switch to sending only skip in pageSizeControlledBy: 'server' default mode for subsequent requests, treating it as an infinite scroll scenario.

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.