Handsontable 6.2.2

Data binding

by moregorenine

HTML

<script src="https://cdn.jsdelivr.net/npm/handsontable@6.2.2/dist/handsontable.full.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/handsontable@6.2.2/dist/handsontable.full.min.css" rel="stylesheet" media="screen">

<div id="example"></div>

JavaScript

const data = [
    ['Year', 'Tesla', 'Nissan', 'Hyundai', 'KIA', 'Audi', 'Ford'],
    ['2017', 10, 11, 12, 13, 15, 16],
    ['2018', 10, 11, 12, 13, 15, 16],
    ['2019', 10, 11, 12, 13, 15, 16],
    ['2020', 10, 11, 12, 13, 15, 16],
    ['2021', 10, 11, 12, 13, 15, 16]
  ],
  container = document.getElementById('example'),
  settings = {
    data: data
  };

const hot = new Handsontable(container, settings);
data[0][1] = 'BMW'; // change "Tesla" to "BMW" programmatically
hot.render();