JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<div class="k-grid-pager"></div>

<div id="grid">            
</div>

<div class="k-grid-pager"></div>

JavaScript

var data = [{id: 1}, {id: 2}, {id:3}, {id:4}];

var dataSource = new kendo.data.DataSource({
    data: data,
    pageSize: 2
});

$(".k-grid-pager").kendoPager({
    dataSource: dataSource,
				refresh: true,
				pageSizes: [
						10, 25, 50, "All"
				],
				buttonCount: 5
});

$("#grid").kendoGrid({
    dataSource: dataSource,
    columns: ["id"]
});