New to Kendo UI for VueStart a free 30-day trial

PagerProps

Interface

The pager settings of the Grid (see example).

Definition

Package:@progress/kendo-vue-data-tools

Syntax:

tsx

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

Properties

Defines the id of the element that is being controlled by the pager - for example a Grid.

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.

A map with the messages.

Parameters:messageKeystringReturns:

{ messageKey: string; defaultMessage: string }

The event that is emited when the page is changed.

Parameters:eventanyReturns:

any

The event that is emited when the page size is changed.

Parameters:eventanyReturns:

any

pageSize

number

pageSizes?

boolean | 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. Defaults to true.

size?

"small" | "medium" | "large"

Configures the size of the Pager.

The available options are:

  • small
  • medium
  • large
  • null—Does not set a size class.
Default:

medium

skip

number

take

number

total

number

type?

string

Defines the type of the Grid pager.

width?

string | number