PagerPageSizesComponent

Represents the Kendo UI Pager Page Sizes component for Angular. Displays a drop-down list for the page size selection (see example).

html

<kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
  <ng-template kendoPagerTemplate>
    <kendo-pager-page-sizes [pageSizes]="[10, 20, 50]"></kendo-pager-page-sizes>
  </ng-template>
</kendo-pager>

Selector

kendo-datapager-page-sizes, kendo-pager-page-sizes

Inputs

Name	Type	Default	Description
adaptiveMode	AdaptiveMode	'auto'	Specifies the adaptive mode of the internal DropDownList component.
pageSizes	PageSizeItem[] | number[]		Specifies the page sizes collection. You can include numbers and PageSizeItem objects. html <kendo-pager [skip]="0" [pageSize]="10" [total]="100"> <ng-template kendoPagerTemplate> <kendo-pager-page-sizes [pageSizes]="[5, 10, 20, { text: 'All', value: 'all' }]"></kendo-pager-page-sizes> </ng-template> </kendo-pager>
size	PagerSize	'medium'	Specifies the padding of the DropDownList component.