<kendo:grid-pageable>

If set to true the grid will display a pager. By default paging is disabled.Can be set to a JavaScript object which represents the pager configuration.

Example

<kendo:grid>
    <kendo:grid-pageable></kendo:grid-pageable>
</kendo:grid>

Configuration Attributes

alwaysVisible boolean

By default the grid will show the pager even when total amount of items in the DataSource is less than the pageSize.If set to false the grid will toggle the pager visibility as follows: when the total amount of items initially set in the DataSource is less than the pageSize number the pager will be hidden.; when the total amount of items initially set in the DataSource is greater than or equal to the pageSize number the pager will be shown.; when the total amount of items in the DataSource becomes less than the pageSize number (after delete, filter operation or pageSize change) the pager will be hidden. or when the total amount of items in the DataSource becomes greater than or equal to the pageSize number (after an insert, filter operation or pageSize change) the pager will be shown.. Introduced in the Kendo UI 2017 R3 release.

Example

<kendo:grid-pageable alwaysVisible="alwaysVisible">
</kendo:grid-pageable>

buttonCount float

The maximum number of buttons displayed in the numeric pager. The pager will display ellipsis (...) if there are more pages than the specified number.

Example

<kendo:grid-pageable buttonCount="buttonCount">
</kendo:grid-pageable>

info boolean

If set to true the pager will display information about the current page and total number of data items. By default the paging information is displayed.

Example

<kendo:grid-pageable info="info">
</kendo:grid-pageable>

input boolean

If set to true the pager will display an input element which allows the user to type a specific page number. By default the page input is not displayed.Using pageable.input and pageable.numeric at the same time is not recommended.

Example

<kendo:grid-pageable input="input">
</kendo:grid-pageable>

numeric boolean

If set to true the pager will display buttons for navigating to specific pages. By default those buttons are displayed.Using pageable.numeric and pageable.input at the same time is not recommended.

Example

<kendo:grid-pageable numeric="numeric">
</kendo:grid-pageable>

pageSize float

The number of data items which will be displayed in the grid. This setting will not work if the Grid is assigned an already existing Kendo UI DataSource instance.

Example

<kendo:grid-pageable pageSize="pageSize">
</kendo:grid-pageable>

pageSizes java.lang.Object

If set to true the pager will display a drop-down which allows the user to pick a page size. By default the page size drop-down is not displayed.Can be set to an array of predefined page sizes to override the default list. A special all value is supported. It sets the page size to the total number of records.If a pageSize setting is provided for the data source then this value will be selected initially.

Example

<kendo:grid-pageable pageSizes="pageSizes">
</kendo:grid-pageable>

previousNext boolean

If set to true the pager will display buttons for going to the first, previous, next and last pages. By default those buttons are displayed.

Example

<kendo:grid-pageable previousNext="previousNext">
</kendo:grid-pageable>

refresh boolean

If set to true the pager will display the refresh button. Clicking the refresh button will refresh the grid. By default the refresh button is not displayed.

Example

<kendo:grid-pageable refresh="refresh">
</kendo:grid-pageable>

Configuration JSP Tags

kendo:grid-pageable-messages

The text messages displayed in pager. Use this option to customize or localize the pager messages.

More documentation is available at kendo:grid-pageable-messages.

Example

<kendo:grid-pageable>
    <kendo:grid-pageable-messages></kendo:grid-pageable-messages>
</kendo:grid-pageable>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy