Vue Common Types - grids - Pager

Configures the pager.

import { Pager } from "devextreme/common/grids"
Type:

Object

Function parameters:
allowedPageSizes:
Object structure:
Name Type Description

Array

|

Mode

Specifies the available page sizes in the page size selector.
visible:
Object structure:
Name Type Description

Boolean

|

Mode

Specifies whether the pager is visible.

allowedPageSizes

Specifies the available page sizes in the page size selector.

Type:

Array<Number | PagerPageSize>

|

Mode

Default Value: 'auto'

displayMode

Specifies the pager's display mode.

Type:

DisplayMode

Default Value: 'adaptive'

infoText

Specifies the page information text.

Type:

String

Default Value: 'Page {0} of {1} ({2} items)'

label

Specifies an aria-label attribute for the pager.

Type:

String

Default Value: 'Page Navigation'

showInfo

Specifies whether to show the page information.

Type:

Boolean

Default Value: false

showNavigationButtons

Specifies whether to show navigation buttons.

Type:

Boolean

Default Value: false

showPageSizeSelector

Specifies page size selector visibility.

Type:

Boolean

|

Mode

Default Value: 'auto'

When this property is set to "auto", the pager hides itself if pageSize is greater than itemCount. To avoid this behavior, set showPageSizeSelector to true.

visible

Specifies whether the pager is visible.

Type:

Boolean

|

Mode

Default Value: 'auto'