Handsontable example

by bfelda

HTML

<div id="example2" class="hot handsontable htColumnHeaders"></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 arrayOfArrays = [
    ["Tesla", "Model 3", "BlueStar", "USA", "★★★★"],
    ["Tesla", "Model S", "WhiteStar", "USA", "★★★★★"],
    ["Mitsubishi", "iMiEV", "", "Japan", "★★"],
    ["Ford", "Focus EV", "", "USA", "★★"],
    ["Mitsubishi", "iMiEV Sport", "", "Japan", "★★"],
    ["Tesla", "Roadster", "DarkStar", "USA", "★★★★★"],
    ["Volkswagen", "e-Golf","", "Germany", "★★"],
    ["Volkswagen", "E-Up!", "", "Germany", "★★"],
    ["Ford", "C-Max Energi", "", "USA", "★"],
    ["BYD", "Denza", "", "China", "★★★"],
    ["BYD", "e5", "", "China", "★★★"],
    ["BYD", "e6", "", "China", "★★★★"]
  ];
  
  var ogArrayOfArrays = [];
  
  setTimeout(() => {
  console.log('hit__________________');
  	ogArrayOfArrays = arrayOfArrays;
  },2000);
  
  var exampleContainer2 = document.getElementById('example2');
  
  new Handsontable(exampleContainer2, {
    data: ogArrayOfArrays,
    colHeaders: ["Brand", "Model", "Code name", "Country of origin", "Rank"],
    columnSorting: {
      sortEmptyCells: true,
      initialConfig: {
        column: 0,
        sortOrder: 'asc'
      }
    }
  });