Handsontable example

by handsoncode

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.css">
<script src="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.js"></script>
<div id="example1"></div>

CSS

body {
  background: #FFF;
  margin: 0;
  padding: 0;
}
td, th {
  font: 0.8em 'Helvetica';
}

JavaScript

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

  var
    example = document.getElementById('example1'),
    hot;
  var myData = [
  	['Handsontable.EditorManager', '(not available)'],
    ['Handsontable.EditorState', '(not available)'],
    ['Handsontable.SearchCellDecorator', '(not available)'],
    ['Handsontable.TableView', '(not available)'],
    ['Handsontable.cellLookup', '(not available)'],
    ['Handsontable.eventManager', 'Handsontable.EventManager'],
    ['Handsontable.utils', '(not available)']
  ];
  
  hot = new Handsontable(example,{
    data: myData,
    editor: false,
    colWidths: 370,
    licenseKey: 'non-commercial-and-evaluation',
    colHeaders: ['Was', 'Is']
  });
  
  

});