<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: {
    data: [
      { productName: "Tea", category: "Beverages" },
      { productName: "Coffee", category: "Beverages" },
      { productName: "Ham", category: "Food" },
      { productName: "Bread", category: "Food" }
    ],
    pageSize: 2
  },
  pageable: true
});

var grid = $("#grid").data("kendoGrid");
var pager = grid.pager;

// Access the pager widget methods
console.log("Current page:", pager.page());
console.log("Total pages:", pager.totalPages());

// Navigate to a specific page
pager.page(2);
</script>