Handsontable example

HTML

<div style="min-height: 1000px">

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

</div>

CSS

</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('example'),
  hot;
  
  hot = new Handsontable(container, {
    data: myData,
    rowHeaders: true,
    colHeaders: true,
    fixedRowsBottom: 2,
    fixedColumnsLeft: 2,
    rowHeights: 30,
            columnHeaderHeight: 40,
            selectionMode: 'range',
    height: 200,
    width: 400
  });