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 id="grid"></div>

JavaScript

var dataSource = new kendo.data.DataSource({
        type: "odata",
        transport: {
            read: "http://demos.kendoui.com/service/Northwind.svc/Orders",
            parameterMap: function(data) {
                return  kendo.data.transports.odata.parameterMap(data).replace("$inlinecount=allpages","$inlinecount=none");
            }
        },
        schema: {
            model: {
                id: "OrderID",
                fields: {
                    OrderID: { type: "number" },                    
                    ShipName: { type: "string" },
                    ShipCity: { type: "string" },
                    OrderDate: { type: "date" }
                }
            },
            data: function(data) {
                return data.d;
            },
            total: function(data) {
                return 830;
            }
        },
        pageSize: 10,
        serverPaging: true,
        serverFiltering: true,
    });

$("#grid").kendoGrid({
    dataSource: dataSource,    
    pageable: true,
    selectable: true,
    editable: true,
    columns: ["OrderID", "ShipName", "ShipCity", "OrderDate"]
});