JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
  <div id="example1"></div>
</div>

CSS

</style><!-- Ugly Hack due to jsFiddle issue -->

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

JavaScript

document.addEventListener("DOMContentLoaded", function() {

  var
    example = document.getElementById('example1'),
    hot1;

  hot1 = new Handsontable(example, {
    data: Handsontable.helper.createSpreadsheetData(1000, 1000),
		//width: 'auto',
    //height: 'auto',
    colWidths: 100,
    rowHeights: 23,
    rowHeaders: true,
    colHeaders: true
  });

});