Handsontable example

HTML

<div id="example1" class="hot handsontable htRowHeaders htColumnHeaders" style="height: 320px; overflow: hidden; width: 584px;" data-originalstyle="height: 320px; overflow: hidden; width: 584px;"></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 example = document.getElementById('example1');
var hot = new Handsontable(example, {
  data: Handsontable.helper.createSpreadsheetData(1, 6),
  rowHeaders: true,
  colHeaders: true,
  beforeChange: function(changes, src) {
    if (src !== 'internal-call') {
      this.setDataAtCell(changes[0][0], 0, 'Row changed', 'internal-call')
    }


  }
});