New to Kendo UI for jQuery? Start a free 30-day trial

Navigatable

configuration

If set to true the user could navigate the widget using the keyboard navigation. By default keyboard navigation is disabled.

navigatable

Boolean

Default: false

<div id="pager"></div>

<script>
    var dataSource = new kendo.data.DataSource({
        data: [
            { productName: "Tea", category: "Beverages" },
            { productName: "Coffee", category: "Beverages" },
            { productName: "Ham", category: "Food" },
            { productName: "Bread", category: "Food" },
            { productName: "Potatoes", category: "Food" },
            { productName: "Rice", category: "Food" },
            { productName: "Tomatoes", category: "Food" },
            { productName: "Carrots", category: "Food" }
        ],
        pageSize: 2
      });

    dataSource.read();

    $("#pager").kendoPager({
      dataSource: dataSource,
      navigatable: true
    });
</script>
<style>
  #pager{
   margin-top: 100px;
  }
</style>