Handsontable example

HTML

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

CSS

.handsontable .yellow {
	background: RGBA(250, 250, 0, 0.5)
}


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

<script src="https://docs.handsontable.com/pro/5.0.1/components/handsontable-pro/dist/handsontable.full.min.js"></script>
<link type="text/css" rel="stylesheet" href="https://docs.handsontable.com/pro/5.0.1/components/handsontable-pro/dist/handsontable.full.min.css">

JavaScript

var example = document.getElementById('example1');
  var hot1 = new Handsontable(example, {
    data: Handsontable.helper.createSpreadsheetData(5, 5),
    width: 584,
    height: 320,
    colWidths: 100,
    rowHeights: 23,
		contextMenu: true,
    rowHeaders: true,
    colHeaders: true,
		afterCreateRow: function(i){
			this.setCellMeta(i, 0, 'className', 'yellow');
			this.render()
		}
  });