selectTemplate String
The template for selected page number link.
Example - declare custom template for the selected page number
<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,
selectTemplate: '<li class="k-link"><span style="color:red">#=text#</span></li>'
});
dataSource.read();
</script>
<style>
#pager {
margin-top: 100px;
}
</style>