Handsontable UpdateSettings Rendering Issues

by Joshua Adams

HTML

<script src="https://docs.handsontable.com/pro/1.13.0/bower_components/handsontable-pro/dist/handsontable.full.min.js"></script>
<link rel="stylesheet" href="https://docs.handsontable.com/pro/1.13.0/bower_components/handsontable-pro/dist/handsontable.full.min.css">
<button id="updateHeight" onclick="updateTableHeight()">UpdateHeight</button>
<div id="example"></div>

JavaScript

var container = document.getElementById('example');

var hot = new Handsontable(container, {
  data: Handsontable.helper.createSpreadsheetData(8, 6)
  , rowHeaders: true
  , colHeaders: true
  , columnSorting: true
  , hiddenColumns: true
  , afterRender: function () {
  	console.log("render");
  }
});

var updateTableHeight = function () {
	hot.updateSettings({
  	height: 500
  })
}

var button = document.getElementById('updateHeight');
button.onclick = updateTableHeight;