JavaScript/jQuery TreeList - pager

The pager is an element that allows users to navigate through pages and change their size at runtime. The pager consists of the page navigator and several optional elements: the page size selector, navigation buttons, and page information.

DataGrid Demo TreeList Demo

See Also

• Paging - User Interaction

Set this property to an array of numbers that specify available page sizes. If you want to allow users to display all records on a single page, add the "all" value to this array. When the property is set to "auto" (the default value), the available page sizes are automatically calculated based on the total number of records.

DataGrid Demo TreeList Demo

The following table illustrates "full" and "compact" display modes:

displayMode	Pager appearance
"full"
"compact"

The "adaptive" display mode switches between these two modes based on the component width.

You can use the following position markers in this text:

• {0} - shows the current page number.
• {1} - shows the total page count.
• {2} - shows the total row count.

See Also

• showInfo

DataGrid Demo TreeList Demo

View Demo

DataGrid Demo TreeList Demo

See Also

• allowedPageSizes

The pager is visible if paging is enabled and the total row count is greater than the pageSize property.

DataGrid Demo TreeList Demo