JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://warpech.github.com/jquery-handsontable/jquery.handsontable.js"></script>
<link rel="stylesheet" href="http://warpech.github.com/jquery-handsontable/jquery.handsontable.css">
<div id="example4grid" class="dataTable" style="width: 500px; height: 300px; overflow: scroll"></div>
JavaScript
$("#example4grid").handsontable({
rows: 500,
cols: 40,
rowHeaders: true,
colHeaders: true,
minSpareCols: 1,
minSpareRows: 1
});
var data = [["", "Kia", "Nissan", "Toyota", "Honda"], ["2008", 10, 11, 12, 13], ["2009", 20, 11, 14, 13], ["2010", 30, 15, 12, 13]];
$("#example4grid").handsontable("loadData", data);