New to KendoReactStart a free 30-day trial

The pager settings of the Grid (see example).

Definition

Package:@progress/kendo-react-grid

Syntax:

jsx

<Grid
   pageable="{{
       buttonCount: 2,
       info: false
   }}">
</Grid>

Properties

adaptive?

boolean

Providing different rendering of the page sizes select element based on the screen dimensions.

Specifies the text that is rendered as title in the adaptive page sizes select element.

Sets the maximum numeric buttons count before the buttons are collapsed.

info?

boolean

Toggles the information about the current page and the total number of records.

Defines if the pager will be navigatable.

pageSizes?

boolean | number[] | string | number[]

Shows a menu for selecting the page size.

pageSizeValue?

string | number

Sets the selected value of the page size Dropdownlist. It is useful when the selected value could also be a string not only a number.

Toggles the Previous and Next buttons.

Defines if the pager will be responsive. If true, hides the tools that do not fit to the available space.

Default:

true

Defines the type of the Grid pager.