pageable.alwaysVisible Boolean (default: true)

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.
  • 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 - hide the pager if total items are less than pageSize

<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: 5,
    alwaysVisible: false
  }
});
</script>
In this article