JSFiddle - React, Tailwind, and code Playground

by KendoDev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css">
     <link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.uniform.min.css">  
         <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>         
         <script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.all.min.js"></script>
         
<div id="grid" >
    
</div>

JavaScript

var data = [{"time":"12/3/2013 1:30:00 AM","nominalSpeed":"700","averageSpeed":"600","status":"Good","name":"0","speedUOM":"cases/hr"},
              {"time":"12/3/2013 2:30:00 AM","nominalSpeed":"700","averageSpeed":"650","status":"Good","name":"1","speedUOM":"cases/hr"},
              {"time":"12/3/2013 3:30:00 AM","nominalSpeed":"700","averageSpeed":"700","status":"Good","name":"2","speedUOM":"cases/hr"},
              {"time":"12/3/2013 4:30:00 AM","nominalSpeed":"700","averageSpeed":"700","status":"Good","name":"3","speedUOM":"cases/hr"},
              {"time":"12/3/2013 5:30:00 AM","nominalSpeed":"700","averageSpeed":"740","status":"Good","name":"4","speedUOM":"cases/hr"},
              {"time":"12/3/2013 6:30:00 AM","nominalSpeed":"700","averageSpeed":"745","status":"Good","name":"5","speedUOM":"cases/hr"},
              {"time":"12/3/2013 7:30:00 AM","nominalSpeed":"700","averageSpeed":"745","status":"Good","name":"6","speedUOM":"cases/hr"},
              {"time":"12/3/2013 8:30:00 AM","nominalSpeed":"700","averageSpeed":"600","status":"Good","name":"7","speedUOM":"cases/hr"},
              {"time":"12/3/2013 9:30:00 AM","nominalSpeed":"700","averageSpeed":"600","status":"Good","name":"8","speedUOM":"cases/hr"},
              {"time":"12/3/2013 10:30:00 AM","nominalSpeed":"700","averageSpeed":"600","status":"Good","name":"9","speedUOM":"cases/hr"},
              {"time":"12/3/2013 11:30:00 AM","nominalSpeed":"700","averageSpeed":"600","status":"Good","name":"10","speedUOM":"cases/hr"}
  ];

$("#grid").kendoGrid({
                        dataSource: {
                            data: data,
                            pageSize: 5,
                            numeric: true,          
                            serverGrouping: false,
                            serverPaging: false,
                            schema: {
                                total: function(response) {
                                        return response.total;                  ...