Handsontable example

HTML

<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
</style>
<table class="tg">
  <tr>
    <th class="tg-0lax">12</th>
    <th class="tg-0lax">423</th>
    <th class="tg-0lax">234</th>
    <th class="tg-0lax">43</th>
    <th class="tg-0lax">756</th>
    <th class="tg-0lax">879</th>
    <th class="tg-0lax">435</th>
    <th class="tg-0lax">234</th>
    <th class="tg-0pky">3654</th>
    <th class="tg-0pky">645</th>
  </tr>
  <tr>
    <td class="tg-0lax">as</td>
    <td class="tg-0lax">asd</td>
    <td class="tg-0lax">dfg</td>
    <td class="tg-0lax">sdg</td>
    <td class="tg-0lax">cx</td>
    <td class="tg-0lax">gs</td>
    <td class="tg-0lax">vdg</td>
    <td class="tg-0lax">dfg</td>
    <td class="tg-0pky">cz</td>
    <td class="tg-0pky">sf</td>
  </tr>
</table><br>
<div>
  <div id="example1" class="hot handsontable htRowHeaders htColumnHeaders"></div>
</div>

CSS

</style><script src="https://cdn.jsdelivr.net/npm/handsontable-pro@6.2.2/dist/handsontable.full.min.js"></script><link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/handsontable-pro@6.2.2/dist/handsontable.full.min.css">

JavaScript

var example1 = document.getElementById('example1');

  var hot = new Handsontable(example1, {
    data: Handsontable.helper.createSpreadsheetData(5, 10),
    colHeaders: true,
    rowHeaders: true,
    contextMenu: true,
    afterChange: function() {
      console.log(arguments)
    },
    hiddenColumns: {
      columns: [2, 3, 4, 5, 6, 7],
      indicators: true
    },
    columns: [{}, {}, {
      skipColumnOnPaste: 'true'
    }, {
      skipColumnOnPaste: 'true'
    }, {}, {}, {}, {}, {}, {}]
  });