JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css">
<div id="example" class="k-content">
    <div id="grid"></div>
</div>

JavaScript

$(document).ready(function() {
    
    $("#grid").kendoGrid({
        dataSource: {
            type: "odata",
            transport: {
                read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
            },
            schema: {
                model: {
                    fields: {
                        OrderID: { type: "number" },
                        Freight: { type: "number" },
                        ShipName: { type: "string" },
                        OrderDate: { type: "date" },
                        ShipCity: { type: "string" }
                    }
                }
            },
            pageSize: 20,
            serverPaging: true,
            serverFiltering: true,
            serverSorting: true
        },
        dataBound: function () {	
            // Attach an alert pop-up to all table cells.
            $("td").click ( function () { alert("Click!"); } );
        },
        height: 430,
        filterable: true,
        sortable: true,
        pageable: true,
        columns: [{
            field:"OrderID",
            filterable: false
        },
                  "Freight",
                  {
                      field: "OrderDate",
                      title: "Order Date",
                      width: 120,
                      format: "{0:MM/dd/yyyy}"
                  }, {
                      field: "ShipName",
                      title: "Ship Name",
                      width: 260
                  }, {
                      field: "ShipCity",
                      title: "Ship City",
                      width: 150
                  }
                 ]
    });
    
    var $grid  = $("#grid").data("kendoGrid");
    
    function refreshGrid () {
        
        $grid.dataSource.read();
        
        // Refresh Kendo Grid every 300ms.
        setTimeout ( refreshGrid, 300);
    }
    
    refreshGrid();
    
});