pageableBoolean|Object
(default: false)
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.
Don't forget to set a
pageSize
, no matter if paging is performed client-side or server-side. ApageSize
can be defined in thepageable
settings, or in thedataSource
settings. If an already existing datasource instance is passed to the grid, then thepagesize
option should be set in the dataSource's settings and not in thepageable
settings.
Example - enable paging
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
{ field: "productName" },
{ field: "category" }
],
dataSource: [
{ productName: "Tea", category: "Beverages" },
{ productName: "Coffee", category: "Beverages" },
{ productName: "Ham", category: "Food" },
{ productName: "Bread", category: "Food" }
],
pageable: {
pageSize: 2
}
});
</script>
In this article