Handsontable example

by aszymanski

HTML

<script src="https://cdn.jsdelivr.net/npm/handsontable@11.0/dist/handsontable.full.min.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/handsontable@11.0/dist/handsontable.full.min.css" /> 

<div id="example2" class="hot "></div>

CSS

.ast {
  color: red;
}

JavaScript

const container = document.querySelector('#example2');

const hot = new Handsontable(container, {
  height: 'auto',
  columns: [
  	{},
    {}
  ],
  colHeaders: true,
  afterGetColHeader: function(col, TH) {
    var TR = TH.parentNode;
    var THEAD = TR.parentNode;
    var headerLevel = (-1) * THEAD.childNodes.length + Array.prototype.indexOf.call(THEAD.childNodes, TR);

    function applyClass(elem, className) {
      if (!Handsontable.dom.hasClass(elem, className)) {
        Handsontable.dom.addClass(elem, className);
      }
    }

    if (headerLevel === -1 && col === 0) {
      TH.innerHTML = "A1" + "&#8595";
    }
  }
});