<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" } ], pageSize: 2 }); $("#pager").kendoPager({ dataSource: dataSource, linkTemplate: '<li><a href="\\#" class="k-link" data-#=ns#page="#=idx#"><strong>#=text#</strong></a></li>' }); dataSource.read(); </script> <style> #pager { margin-top: 100px; } </style>