JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.kendo.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
<div class="console"></div>

JavaScript

$(document).ready(function(){   
    var grid = $("<div />").kendoGrid({
        dataSource: {
            type: "odata",
            transport: {
                read: "http://services.odata.org/Northwind/Northwind.svc/Orders"
            },
            pageSize: 5,
            serverPaging: true
        },
        pageable: true,
        scrollable: false,
        selectable: true,
        columns: ["OrderID", "CustomerID"],
        change: function() { $("<div/>").html("Change").appendTo(".console"); },
        dataBound: function() { 
            grid.select(grid.tbody.find(">tr:first")); 
            grid.select(grid.tbody.find(">tr:first")); 
        }
    }).data("kendoGrid");    
})