Handsontable example

HTML

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

CSS

</style><!-- Ugly Hack due to jsFiddle issue -->
<script src="https://cdn.jsdelivr.net/npm/handsontable@7.1.0/dist/handsontable.full.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/handsontable@7.1.0/dist/handsontable.full.css">

JavaScript

let container = document.getElementById('example1'),
  hot = new Handsontable(container, {
    data: Handsontable.helper.createSpreadsheetData(10, 100),
    rowHeaders: true,
    colHeaders: true,
    contextMenu: true,
    viewportColumnRenderingOffset: 100,
    fixedColumnsLeft: 1,
    comments: true,
    cell: [{
      row: 0,
      col: 0,
      comment: {
        value: 'Some comment'
      }
    }]
  })