Handsontable example

HTML

<link rel="stylesheet" href="https://docs.handsontable.com/pro/5.0.0/components/handsontable-pro/dist/handsontable.full.min.css">
<script src="https://docs.handsontable.com/pro/5.0.0/components/handsontable-pro/dist/handsontable.full.min.js"></script>
<div>
  <div id="example1" class="hot handsontable htRowHeaders htColumnHeaders"></div>
</div>

CSS

.handsomtable TR {
	height: 20px;
}

JavaScript

var example1 = document.getElementById('example1');

  var hot = new Handsontable(example1, {
    data: Handsontable.helper.createSpreadsheetData(5, 10),
    colHeaders: true,
    nestedHeaders: [
      [{
        label: null,
        colspan: 9
      }, 'C'],
      [{
        label: null,
        colspan: 9
      }, ''],
      [{
        label: null,
        colspan: 9
      }, 'C'],
      ['N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W']
    ],
		columnHeaderHeight: [40, 23, 40]
  });