JSFiddle - React, Tailwind, and code Playground

by siliconsoul

HTML

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

JavaScript

var dataItem = {};
var columns = [];
    
for (var i = 0; i < 20; i++) {
  dataItem['col' + i] = i;
  columns.push( {
    field: 'col' + i,
    width: 80,
      filterable: true,
      type: 'number',
      format: '{0:0.00}'
      
  } );
}



$("#grid").kendoGrid(
  {
    scrollable:true,
    columns: columns,
      filterable: true,
      editable: true,
    dataSource: [dataItem]
  })