JSFiddle - React, Tailwind, and code Playground

by Christian Sonne

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/handsontable/0.35.0/handsontable.full.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/handsontable/0.35.0/handsontable.full.min.css">
<div id="table"></div>

JavaScript

var hotSettings = {
  stretchH: 'all',
  width: 806,
  rowHeaders: true,
};

var hot = new Handsontable(table, hotSettings);
Handsontable.hooks.add('afterPaste', function(data) {
	let headers = data.shift();
	let json = [];
  for (let cells of data) {
  	let row = {};
  	for (let idx in cells) {
    	row[headers[idx]] = cells[idx];
    }
    json.push(row);
  }
  console.log(json);
});