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" data-role="grid" date-scrollable="true" data-editable="true" data-toolbar="['create', 'save']" data-columns="[
                                 { 'field': 'name', 'width': 270 },
                              ]" data-bind="source: products" style="width: 380px; height: 200px"></div>

JavaScript

var x = {
    id: 1,
    name: "Coffee"
};
var viewModel = kendo.observable({
    onSave: function (e) {
        //kendoConsole.log("event :: save(" + kendo.stringify(e.values, null, 4) + ")");
    }.
    products: [
    x, {
        id: 2,
        name: "Tea"
    },
    x]
});

kendo.bind("#grid", viewModel);