Handsontable example

by handsoncode

HTML

<script src="https://cdn.jsdelivr.net/npm/handsontable@12.3.0/dist/handsontable.full.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/handsontable@12.3.0/dist/handsontable.full.min.css" /> 
<script src="https://handsontable.com/docs/scripts/fixer.js"></script>

<div class="wrapper">
<div id="example1" class="hot "></div>
</div>

Babel + JSX

import Handsontable from 'handsontable';
import 'handsontable/dist/handsontable.full.min.css';

const container1 = document.querySelector('#example1');
const hot1 = new Handsontable(container1, {
    data: [[1, '=A1']],
    cells(row, col) {
      const cellProperties = {};
       	console.log(this.instance.getDataAtCell(row, col));
      return cellProperties;
    },
   formulas: {
        engine: HyperFormula
    },
    licenseKey: 'non-commercial-and-evaluation',
});