Handsontable example

by wenyi

HTML

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

CSS

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

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

JavaScript

var
    container = document.getElementById('example1'),
    hot;
  
  hot = new Handsontable(container, {
    data: Handsontable.helper.createSpreadsheetData(5, 4),
    colHeaders: true,
    contextMenu: true,
    afterChange: function () {
    	console.log(this.getData())
    }
  });