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="example" class="hot head-gap handsontable htRowHeaders htColumnHeaders"></div>

CSS

body {
  background: white;
  padding: 0;
  margin: 0;
}

.export {
  background: #34A9DC;
  color: white;
  padding: 5px;
  margin-top: 5px;
  box-shadow: none;
  border: 0;
  outline-style: none;
}

JavaScript

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

  var
    example = document.getElementById('example'),
    hot;

  hot = new Handsontable(example, {
    data: Handsontable.helper.createSpreadsheetData(10, 7),
    colWidths: 107,
    width: 620,
    colHeaders: true,
    contextMenu: true,
    licenseKey: 'non-commercial-and-evaluation',
    // disabling
    allowInsertRow: false,
    allowInsertColumn: false,
    allowRemoveRow: false,
    allowRemoveColumn: false
  });



});