Issue with Nested Headers and HOT Table

by joshenglish

HTML

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

CSS

</style>< !-- Ugly Hack due to jsFiddle issue --><script src="https://docs.handsontable.com/pro/1.15.1/bower_components/handsontable-pro/dist/handsontable.full.min.js"></script><link type="text/css" rel="stylesheet" href="https://docs.handsontable.com/pro/1.15.1/bower_components/handsontable-pro/dist/handsontable.full.min.css">

JavaScript

document.addEventListener("DOMContentLoaded", function() {

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

  var hot = new Handsontable(example1, {
    data: Handsontable.helper.createSpreadsheetData(5, 10),
    colHeaders: true,
    rowHeaders: true,
    manualColumnResize: true,
    autoRowResize: true,
    colWidths: [15, 15, 90, 90, 90, 90, 90, 90, 90, 90],
    nestedHeaders: [
      ['A', {
        label: 'B',
        colspan: 8
      }, 'C'],
      ['D', {
        label: 'E',
        colspan: 4
      }, {
        label: 'F',
        colspan: 4
      }, 'G'],
      ['H', {
        label: 'I',
        colspan: 2
      }, {
        label: 'J',
        colspan: 2
      }, {
        label: 'K',
        colspan: 2
      }, {
        label: 'L',
        colspan: 2
      }, 'M'],
      ['LONGER LABEL DOES NOT RESIZE', 'O', 'LONGER LABEL DOES NOT RESIZE', 'Q', 'LONGER LABEL DOES NOT RESIZE', 'S', 'LONGER LABEL DOES NOT RESIZE', 'U', 'V', 'W']
    ],
    afterRender: function() {
      console.log(this.getPlugin('NestedHeaders').colspanArray)
    }
  });



});