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.1129/js/kendo.all.min.js"></script>
<div id="grid"></div>

<button>set data</button>

JavaScript

$("#grid").kendoGrid({
   dataSource:{
      pageSize: 10
   },
   sortable: true,
   selectable: "row",
   pageable: true
});

$("button").click(function() {
    var grid = $("#grid").data("kendoGrid");
    var data = [];

    for (var i = 0; i < 100; i++) {
        data.push({
            firstName: "First Name: " + i,
            lastName: "Last Name: " + i
        });
    }
    
    grid.dataSource.data(data);
});