Handsontable example

by redbmk

HTML

<div id="example1" class="hot handsontable htRowHeaders htColumnHeaders"></div>

CSS

td, th {
  padding: 8px !important;
  box-sizing: border-box !important;
}
</style><!-- Ugly Hack due to jsFiddle issue -->

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/handsontable.full.min.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/handsontable.full.min.css">

JavaScript

var
    myData = Handsontable.helper.createSpreadsheetData(100, 50),
    container = document.getElementById('example1'),
    hot;
  
  hot = new Handsontable(container, {
    data: myData,
    colWidths: 100,
    rowHeaders: true,
    colHeaders: true,
    fixedRowsTop: 2,
    fixedColumnsLeft: 2,
    defaultRowHeight: 39,
  });