Handsontable example

HTML

<div id="example1"></div>

CSS

</style><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');
  var hot = new Handsontable(example, {
     data: [
        [2],
        [6],
        [1],
        [5],
        [9],
        [0]
     ],
     colHeaders: true,
     columnSorting: true
  });

  hot.getPlugin('columnSorting').sort({
     column: 0,
     sortOrder: 'asc'
  });

  //adding row
  hot.alter('insert_row', hot.toPhysicalRow(0));
  //hot.alter('insert_row', 0); //visual