Handsontable example

HTML

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

CSS

</style><!-- Ugly Hack due to jsFiddle issue -->

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

JavaScript

var example1 = document.getElementById('example1');
  
  var hot = new Handsontable(example1, {
    data: Handsontable.helper.createSpreadsheetData(3, 7),
    colHeaders: true,
    dropdownMenu: true,
    afterGetColHeader: function(col, TH) {
    	if (col === 1) {
        TH.innerHTML = 'B';
      }
    }
  });