JSFiddle - React, Tailwind, and code Playground

HTML

<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>

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

CSS

.parent {
  position: fixed;
  height: 500px;
  width: 700px;
  top: 0;
  overflow: scroll
}

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,
    licenseKey: 'non-commercial-and-evaluation'
  });

});