Handsontable example

HTML

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

CSS

.currentRow {
  background-color: #fee !important;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #f5f5f5;
}

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

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

JavaScript

document.addEventListener("DOMContentLoaded", function() {
  
  var
    container = document.getElementById('example1'),
    hot;
  
  hot = Handsontable(container, {
    data: Handsontable.helper.createSpreadsheetData(10, 20),
    currentRowClassName: 'currentRow',
    rowHeaders: true,
    colHeaders: true,
    fixedColumnsLeft: 2,
    tableClassName: ['table', 'table-hover', 'table-bordered']
  });


});