Handsontable example

HTML

<div id="hot"></div>

CSS

#hot {overflow: hidden; width: 500px; height: 300px;}

</style><!-- Ugly Hack due to jsFiddle issue -->
<script src="https://handsontable.com/static/bower_components/handsontable-pro/dist/handsontable.full.js"></script>
<link href="https://handsontable.com/static/bower_components/handsontable-pro/dist/handsontable.full.css" type="text/css" rel="stylesheet">

JavaScript

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

var dataObj = [
   {key: 'NUMBER1'},{key: 'number1'}
];

  var hotElement = document.getElementById('hot');
  var hot = new Handsontable(hotElement, {
    data: dataObj,
		colHeaders: true,
		dropdownMenu: true,
		filters: true,
  });

});