JSFiddle - React, Tailwind, and code Playground

by Ignacio Fuentes

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css">
<script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.silver.min.css">
<script src="http://demos.kendoui.com/content/shared/js/people.js"></script>
<div id="grid"></div>

JavaScript

var ds = new kendo.data.DataSource({
    schema: {
        model: {
            id: "id",
            fields: {
                name: {},
                size: {
                    type: "number" //this is the type
                }
            }
        }
    },
    data: [{
        id: "1",
        name: "foo",
        size: 15
    }, {
        id: "2",
        name: "bar"
    }],
    pageSize: 10
});


$("#grid").kendoGrid({
    columns: [{
        field: "name"
    },
        "size"],
    scrollable: true,
    dataSource: ds,
    editable: true
});
var g = $("#grid").data("kendoGrid");