Hot8 - indicator property error

Handsontable v8.0.0 - Cannot read property ‘indicator’ of undefined

by andrew_j

HTML

<script src="https://cdn.jsdelivr.net/npm/handsontable@8.0.0/dist/handsontable.full.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/handsontable@8.0.0/dist/handsontable.full.min.css">
<div id="sheet"></div>

CSS

body {
  margin: 20px 30px;
  font-size: 13px;
  font-family: 'Open Sans', Helvetica, Arial;
}

JavaScript

let container = document.getElementById('sheet');

let columnDefs = [
			{ data: 'a' },
      { data: 'b' },
      { data: 'c' },
      { data: 'd' },
      { data: 'e' },
      { data: 'f' }
	];
  
let data = [ {a: 1, b: 1, c: 1, d: 1, e: 1, f: 1}]; 
 
let hot = new Handsontable(container, {
  rowHeaders: true,
  columns: columnDefs,
	multiColumnSorting: true,
  nestedHeaders: [
    	['Group 1', {label: 'Group 2', colspan: 3}, {label: 'Group 3', colspan: 2}],
    	['A', 'B', 'C', 'D', 'E', 'F']
 		],  
 	licenseKey: 'non-commercial-and-evaluation',
});

hot.updateSettings({
  colWidths: 60
});

hot.loadData(data);