Handsontable example

HTML

<button class='select'>
select cell 100, 1
</button>
<div id="example1" class="hot handsontable htColumnHeaders"></div>

CSS

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

JavaScript

document.addEventListener("DOMContentLoaded", function() {

  var
    container = document.getElementById('example1'),
    hot;
  
  hot = new Handsontable(container, {
    data: Handsontable.helper.createSpreadsheetData(100,100),
    height:500,
    renderAllRows: true,
    columnSorting: true,
    rowHeaders: true,
    colHeaders: ['A', 'B', 'C', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W'],

    sortIndicator: true,
    minSpareRows: 1
  });
  
var selectCell = document.querySelector('.select');
selectCell.addEventListener('click', function(){
	 hot.selectCell(100,0,100,0,true)
});

});