Vue TreeList - paging

Configures paging.

Type:

Object

Paging allows the UI component to render rows by pages instead of rendering them simultaneously. To enable paging, set the paging.enabled property to true.

Users can switch between pages and change paging settings using the pager or they can scroll the pages. Paging settings apply with any scrolling mode.

View Demo

See Also

enabled

Enables paging.

Type:

Boolean

Default Value: false

pageIndex

Specifies the page to be displayed using a zero-based index.

Type:

Number

Default Value: 0
Raised Events: onOptionChanged

See Also

pageSize

Specifies the page size.

Type:

Number

Default Value: 20
Raised Events: onOptionChanged

NOTE
The page size determines how many rows the UI component loads at a time. All the loaded rows are rendered. If this reduces the UI component's speed, set the rowRenderingMode to "virtual" to render only the rows in the viewport. Alternatively, you can decrease the page size.
See Also