JSFiddle - React, Tailwind, and code Playground

by davbro

HTML

<div id="example"></div>

CSS

</style>
<script src="https://cdn.jsdelivr.net/npm/handsontable@8.4.0/dist/handsontable.full.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/handsontable@8.4.0/dist/handsontable.full.min.css" rel="stylesheet" media="screen">

JavaScript

var example = document.getElementById('example');
var hot1 = new Handsontable(example, {
  data: Handsontable.helper.createSpreadsheetData(100, 10),
  height: 320,
  minRows: 1,
  rowHeaders: true,
  colHeaders: true,
  columnSorting: true,
  filters: true,
  dropdownMenu: ['filter_by_condition', 'filter_operators',
                 'filter_by_condition2', 'filter_by_value', 'filter_action_bar'],
  //preventOverflow: 'horizontal',
  stretchH: 'all',
  renderAllRows: true,
});

hot1.scrollViewportTo(50,0);