JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.kendo.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
<table id="products">
    <thead>
        <tr>
            <th data-field="ID">ID</th>
            <th data-field="Name">Name</th>
        </tr>
    </thead>
</table>

JavaScript

var Product = kendo.data.Model.define({
        id: "ID"
    });

    dataSource = new kendo.data.DataSource({
        transport: {
            read: {
                url: "http://datasync.apphb.com/Home/Read",
                dataType:'jsonp'
            }
        },
        schema: {
            model: Product
        }
    });

    $("#products").kendoGrid({
        dataSource: dataSource,
        height: 200,
        scrollable: false,
        selectable: true,
    });