Handsontable example

by Aleksandra Maria Budnik

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

//we get only 'id' and 'name' because address provides nested data
var data = [
  	{ id: 1345, name: 'Adam', address: [{state: 'CA', city: 'San Diego'}]},
    { id: 2353, name: 'Tom', address: [{state: 'NY', city: 'New York'}]},
    { id: 3353, name: 'Maria', address: [{state: 'CA', city: 'Miami'}]}
  ]
var headers = function(data){
	let arr = [];
  for(var i = 0; i < data.length; i++){
  	arr.push(data[i].id)
  }
  console.log(arr)
  return arr
}  
  
  var example = document.getElementById('example1');
  var hot = new Handsontable(example, {
    data: data,
    colHeaders: headers(data)
  });