JSFiddle - React, Tailwind, and code Playground

by jabbad

HTML

<div id="container"></div>
<a href="https://docs.handsontable.com/pro/Core.html" target="_blank">Handsontable Documentation</a>
<p id="version"><script>document.write('Handsontable version: ' + Handsontable.version)</script></p>

CSS

</style>
<script src="https://docs.handsontable.com/bower_components/handsontable/dist/handsontable.full.min.js"></script> <link type="text/css" rel="stylesheet" href="https://docs.handsontable.com/bower_components/handsontable/dist/handsontable.full.min.css">

JavaScript

var example = document.getElementById('example1');
var hot;

hot = new Handsontable(container, {
  data: Handsontable.helper.createSpreadsheetData(50, 15),
  width: 500,
  height: 300,
  rowHeaders: true,
  colHeaders: true, 
  manualRowMove: true,
  columnSorting: true,
});