JSFiddle - React, Tailwind, and code Playground

by JayData

HTML

<script src="http://jaydata-cdn.s3.amazonaws.com/datajs-1.0.3-patched.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<script src="http://include.jaydata.org/jaydata.js"></script>
<script src="http://include.jaydata.org/jaydatamodules/kendo.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<div id="grid"></div>
<script type="text/x-kendo-template" id="template">
    <div class="container"></div>
    #console.log(data)#
</script>

JavaScript

function getRemoteNorthwind() {
    return $data.initService("http://jaydata.org/examples/Northwind.svc")
    .then(function (m, f, t) {
        return m;
    });
}

$.when($.ready, getRemoteNorthwind())
        .then(function ($, remoteDB) {
    
    $('#grid').kendoGrid({
        dataSource: remoteDB.Categories.include('Products')
            .asKendoDataSource({ pageSize: 25, batch: false }),
        filterable: true,
        sortable: true,
        pageable: true,
        template: kendo.template($("#template").html()),
        /*dataBound: function () {
            this.expandRow(this.tbody.find("tr.k-master-row").first());
        },
        height: 500,
        columns: ['Category_Name']*/
    });
        });