PagerComponent

Selector

kendo-datapager, kendo-pager

Export Name

Accessible in templates as #kendoPagerInstance="kendoDataPager, kendoPager"

Inputs

Name	Type	Default	Description
adaptiveMode	AdaptiveMode	'auto'	Determines whether the Pager adaptiveness functionality is enabled (see example).
buttonCount	number	10	Specifies the maximum number of numeric buttons before the buttons are collapsed.
info	boolean	true	Determines whether to display information about the current page and the total number of records.
navigable	boolean	true	Determines whether users can use dedicated shortcuts to interact with the Pager (see example). By default, navigation is enabled. To disable it and make the Pager content accessible in the normal tab sequence, set the property to false.
pageSize	number		Specifies the number of data items per page.
pageSizeValues	boolean | PageSizeItem[] | number[]		Displays a dropdown for selecting the page size. When set to true, the dropdown contains the default list of options - 5, 10, 20. To customize the list of options, set pageSizeValues to an array of the desired values. The array can contain numbers and PageSizeItem objects.
previousNext	boolean	true	Determines whether to display the Previous and Next buttons.
responsive	boolean	true	Determines whether the Pager responsive functionality is enabled (see example).
size	PagerSize	'medium'	Specifies the padding of all Pager elements.
skip	number	0	Specifies the number of data items to skip.
total	number	0	Specifies the total number of data items in the collection.
type	PagerType	'numeric'	Specifies the type of the Pager.

Fields

Name	Type	Default	Description
maxItems	number		Gets the maximum number of items displayed on the current page.
template	QueryList<PagerTemplateDirective>		Represents the collection of pager template directives.

Events

Name	Type	Description
pageChange	EventEmitter<PageChangeEvent>	Fires when the current page of the Pager changes (see example). You have to handle the event and page the data.
pageSizeChange	EventEmitter<PageSizeChangeEvent>	Fires when the page size of the Pager changes. You have to handle the event and page the data. If the event is prevented, the page size remains unchanged (see example).