New to Kendo UI for Angular? Start a free 30-day trial

PagerPageSizesComponent

Component

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

Definition

Package:@progress/kendo-angular-pager

Selector:kendo-datapager-page-sizes, kendo-pager-page-sizes

Syntax:

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>

Inputs

adaptiveMode

AdaptiveMode

Specifies the adaptive mode of the internal DropDownList component.

Default:

'none'

pageSizes

number[] | PageSizeItem[]

Specifies the page sizes collection. You can include numbers and PageSizeItem objects.

showItemsText

boolean

size

PagerSize

Specifies the padding of the DropDownList component. The default value is set by the Kendo theme.