pageable.position String (default: "bottom")

Specifies the position in which the grid pager will be rendered. Valid values are "top" and "bottom" (default).

Example - place grid pager on top of the grid

<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,
    position: "top"
  }
});
</script>
In this article
Not finding the help you need? Improve this article