Handsontable example

HTML

<div id="example1" class="hot handsontable htRowHeaders htColumnHeaders" style="height: 320px; overflow: hidden; width: 584px;" data-originalstyle="height: 320px; overflow: hidden; width: 584px;"></div>

CSS

</style>< !-- Ugly Hack due to jsFiddle issue --><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/handsontable.full.min.js"></script><link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/handsontable.full.min.css">

JavaScript

var example = document.getElementById('example1');
  let data=[
  {value:1,name:'',age:12},
   {value:1,name:'',age:12},
     {value:1,name:'',age:12},
  ]
  var hot = new Handsontable(example, {
/*     data: Handsontable.helper.createSpreadsheetData(3, 3), */
    data:data,
    width: 584,
    height: 320,
    columns:[
    {type:'numeric',
    numericFormat: {
      pattern: '0.00',
    }
    },{},{}
    ],
    colWidths: [100, 50, 100, 50, 100, 50, 100, 50],
    rowHeights: 23,
    rowHeaders: true,
    colHeaders: true
  });