paging

Configures paging.

Type:

Object

Paging allows the widget to load data in portions instead of loading it at once. To enable paging, set the paging.enabled option to true.

View Demo Watch Video

See Also
Show Example:
AngularJS
Knockout
jQuery

In this example, fields of the paging object are used to specify paging settings. The size of a grid page is set to 8 records using the paging.pageSize option. In addition, the index of a start page is specified using the paging.pageIndex option. Data for this example is obtained from www.odata.org.


                                    

                                    

In this example, fields of the paging object are used to specify paging settings. The size of a grid page is set to 8 records using the paging.pageSize option. In addition, the index of a start page is specified using the paging.pageIndex option. Data for this example is obtained from www.odata.org.


                                    

                                    

In this example, fields of the paging object are used to specify paging settings. The size of a grid page is set to 8 records using the paging.pageSize option. In addition, the index of a start page is specified using the paging.pageIndex option. Data for this example is obtained from www.odata.org.


                                    

                                    

enabled

Enables paging.

Type:

Boolean

Default Value: true

Show Example:
AngularJS
Knockout
jQuery

In this example, you can enable/disable paging in a grid using the check box below. When paging is enabled, the grid is supplied with a pager to help a user navigate through grid records. Otherwise, only scrolling is available. Also, note that in this setting, the grid operates noticeably slower. The data for this example is obtained from www.odata.org.


                                    

                                    

In this example, you can enable/disable paging in a grid using the check box below. When paging is enabled, the grid is supplied with a pager to help a user navigate through grid records. Otherwise, only scrolling is available. Also, note that in this setting, the grid operates noticeably slower. The data for this example is obtained from www.odata.org.


                                    

                                    

In this example, you can enable/disable paging in a grid using the check box below. When paging is enabled, the grid is supplied with a pager to help a user navigate through grid records. Otherwise, only scrolling is available. Also, note that in this setting, the grid operates noticeably slower. The data for this example is obtained from www.odata.org.


                                    

                                    

pageIndex

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

Type:

Number

Default Value: 0
Raised Events: optionChanged
Show Example:
AngularJS
Knockout
jQuery

In this example, a grid displays data starting from the page number 10 because the paging.pageIndex option is set to 9. Data for this example is obtained from www.odata.org.


                                    

                                    

In this example, a grid displays data starting from the page number 10 because the paging.pageIndex option is set to 9. Data for this example is obtained from www.odata.org.


                                    

                                    

In this example, a grid displays data starting from the page number 10 because the paging.pageIndex option is set to 9. Data for this example is obtained from www.odata.org.


                                    

                                    

pageSize

Specifies the page size.

Type:

Number

Default Value: 20
Raised Events: optionChanged
Show Example:
AngularJS
Knockout
jQuery

In this example, the size of a grid page is set to 8 using the paging.pageSize option. Data for this example is obtained from www.odata.org.


                                    

                                    

In this example, the size of a grid page is set to 8 using the paging.pageSize option. Data for this example is obtained from www.odata.org.


                                    

                                    

In this example, the size of a grid page is set to 8 using the paging.pageSize option. Data for this example is obtained from www.odata.org.