JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<div id="container">
    <div id="grid" data-role="grid" data-bind="source: gridSource"
    data-columns='[{"field":"ID"},{"field":"Name"},{"field":"Desc","title":"Description"}]'
    ></div>
</div>

JavaScript

var dummyData = [];
dummyData.push({ ID: '1', Name: 'A', Desc: 'Desc1' });

var viewModel = kendo.observable({
    gridSource: new kendo.data.DataSource({
        data: dummyData,
        schema: {
            model: {
                fields: {
                    "ID": { type: "number" },
                    "Name": { type: "string" },
                    "Desc": { type: "string" }
                }
            }
        }
    })
});

kendo.bind($("#container"),viewModel);