Handsontable example

HTML

<div id="example1"></div>

CSS

</style>

<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 myHeaders = ['Id', 'Name', 'Age'];
  var example = document.getElementById('example1');
  var hot = new Handsontable(example, {
    data: Handsontable.helper.createSpreadsheetData(10, 3),
    rowHeaders: true,
    colWidths: 150,
    colHeaders: myHeaders,
    columnSorting: true,
    beforeColumnSort: function(){
    	console.log(myHeaders[arguments[1][0].column])
    }
  });