All docs
V20.2
21.1 (CTP)
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.
Box
Row
Map
Vue

paging

Configures paging.

Type:

Object

Paging allows the UI component to load data in portions instead of loading it 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: true

pageIndex

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

Type:

Number

Default Value: 0
Raised Events: optionChanged

pageSize

Specifies the page size.

Type:

Number

Default Value: 20
Raised Events: optionChanged

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