Handsontable example

HTML

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

CSS

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

JavaScript

function firstRowRenderer(instance, td, row, col, prop, value, cellProperties) {
     Handsontable.renderers.TextRenderer.apply(this, arguments);
     td.innerHTML = '** ' + row
  }

  var example = document.getElementById('example1');
  var hot = new Handsontable(example, {
     data: Handsontable.helper.createSpreadsheetData(15, 5),
     colWidths: 100,
     rowHeaders: true,
     colHeaders: true,
	  dropdownMenu: true,
	  filters: true,
     renderer: firstRowRenderer
  });