Handsontable example

HTML

<script src="https://docs.handsontable.com/bower_components/handsontable/dist/handsontable.full.min.js"></script>
<link rel="stylesheet" href="https://docs.handsontable.com/bower_components/handsontable/dist/handsontable.full.min.css">
<div id="example1"></div>

CSS

.handsontable TD,
.handsontable TH {
  font: 0.82em sans-serif;
  line-height: 1.7em;
}

JavaScript

const myData = [
  [
    "hot.mergeCells", "hot.getPlugin('mergeCells')"
  ],
  [
    "hot.mergeCells.mergedCellInfoCollection", "hot.getPlugin('mergeCells').mergedCellsCollection.mergedCells"
  ]
];
const
  example = document.getElementById('example1'),
  hot = new Handsontable(example, {
    data: myData,
    colWidths: [262, 392],
    editor: false,
    colHeaders: ['Pre-0.37.0', 'Post-0.37.0']
  });