JSFiddle - React, Tailwind, and code Playground

by korchev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1407/js/kendo.all.min.js"></script>
<div id="grid"></div>

JavaScript

$.ajax( {
    url: "/echo/json/",
    type: "POST",
    data: {
        json: JSON.stringify( {
           columns: JSON.stringify([ { field:"foo", title:"Foo" } ] ),
           rows: JSON.stringify([ { foo: "foo 1"}, { foo: "foo 2" } ] )
        }) 
    },
    success: function(response) {
       var columns = $.parseJSON(response.columns);
       var rows = $.parseJSON(response.rows);
       $("#grid").empty()
                 .removeData("kendoGrid")
                 .kendoGrid({
                     columns: columns,
                     dataSource: rows                     
                 });
    }
});