Handsontable Basic Example (100x10)

by baumrock

HTML

<script src="https://handsontable.com/bower_components/handsontable/dist/handsontable.full.js"></script>
<link rel="stylesheet" href="https://handsontable.com/bower_components/handsontable/dist/handsontable.full.css">
<h2>Handsontable</h2>

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

CSS

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

p {
  margin: 5px 0 20px;
}

h2 {
  margin: 20px 0 0;
  font-size: 18px;
  font-weight: normal;
}

JavaScript

var data = function () {
  return [[5],[10]];
};

var container = document.getElementById('example');

var hot = new Handsontable(container, {
  data: data(),
  rowHeaders: ['Wärme/Kälte', 'Luftverunreinigungen'],
  colHeaders: ['val'],
  rowHeaderWidth: 150,
});