Handsontable example

HTML

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

CSS

</style><!-- Ugly Hack due to jsFiddle issue --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/script.js"></script> <script src="https://docs.handsontable.com/pro/bower_components/handsontable-pro/dist/handsontable.full.min.js"></script> <link type="text/css" rel="stylesheet" href="https://docs.handsontable.com/pro/bower_components/handsontable-pro/dist/handsontable.full.min.css">

JavaScript

$(document).ready(function() {
  var example1 = document.getElementById('example1');

  var hot = new Handsontable(example1, {
    data: Handsontable.helper.createSpreadsheetData(12, 5),
    colHeaders: true,
    rowHeaders: true,
    colWidths: [50, 50, 50, 50, 50],
    hiddenColumns: {
      columns: [2, 4],
      indicators: true
    }
  });

  $('#btnSave').click(function() {
    alert(hot.getColWidth(1));
    alert(hot.getColWidth(3));
  });
});