Handsontable example

HTML

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

JavaScript

document.addEventListener("DOMContentLoaded", function() {
  var
    example = document.getElementById('example'),
    hot;

  hot = new Handsontable(example, {
    data: [
      { sku: "row1", code: null },
      { sku: "row2", code: "foobar" },
      { sku: "row3", code: null },
      { sku: "row4", code: null },
      { sku: "row5", code: null },
      { sku: "row6", code: null },
      { sku: "row7", code: null },
      { sku: "row8", code: "hello" },
      { sku: "row9", code: null },
      { sku: "row10", code: null },
      { sku: "row11", code: null },
      { sku: "row12", code: null },
      { sku: "row13", code: null },
      { sku: "row14", code: "lorem" },
      { sku: "row15", code: "ipsum" },
      { sku: "row16", code: "table" },
      { sku: "row17", code: "test" },
      { sku: "row18", code: null },
      { sku: "row19", code: null },
      { sku: "row20", code: null },
      { sku: "row21", code: null },
      { sku: "row22", code: "12345" },
      { sku: "row23", code: "67890" },
      { sku: "row24", code: null },
      { sku: "row25", code: null },
      { sku: "row26", code: null },
      { sku: "row27", code: null },
      { sku: "row28", code: null },
      { sku: "row29", code: null },
      { sku: "row30", code: null },
      { sku: "row31", code: null },
      { sku: "row32", code: "2222" },
      { sku: "row33", code: null },
      { sku: "row34", code: null },
      { sku: "row35", code: null },
      { sku: "row36", code: null },
      { sku: "row37", code: null },
      { sku: "row38", code: "333" },
      { sku: "row39", code: null },
      { sku: "row40", code: null },
      { sku: "row41", code: null },
      { sku: "row42", code: null },
      { sku: "row43", code: null },
      { sku: "row44", code: "3 lorem" },
      { sku: "row45", code: "3 ipsum" },
      { sku: "row46", code: "3 table" },
      { sku: "row47", code: null },
      { sku: "row48", code: null },
      { sku: "row49", code: null },
      { sku: "row50", code:...