Handsontable example

HTML

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

CSS

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

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

JavaScript

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

var data = [
	[1, '=A2', 3], ['=C1*B2', '=5+1', 3]
];
  var
    container = document.getElementById('example1'),
    hot;
  
  hot = new Handsontable(container, {
    data: data,
    colHeaders: true,
    formulas: true
  });
  
  

});