Handsontable example

by Ben

HTML

<div id="example1" class="hot handsontable htColumnHeaders"></div>

CSS

</style><!-- Ugly Hack due to jsFiddle issue -->

<script src="https://docs.handsontable.com/0.34.5/bower_components/handsontable/dist/handsontable.full.js"></script>
<link type="text/css" rel="stylesheet" href="https://docs.handsontable.com/0.34.5/bower_components/handsontable/dist/handsontable.full.min.css">

JavaScript

document.addEventListener("DOMContentLoaded", function() {

  var data = [
  {
    "Discipline Allocation": "Architectural",
    "Employee Name": "Afrida Hoque",
    "Program": "OCOC",
    "actual 2017 31": 24,
    "actual 2017 32": 40,
    "actual 2017 33": 35,
    "actual 2017 34": 30,
    "actual 2017 35": 11.1,
    "actual 2017 36": 32,
    "actual 2017 37": 40,
    "actual 2017 38": 41,
    "actual 2017 39": 45,
    "actual 2017 40": 38.5,
    "actual 2017 41": 38.5,
    "fcst 2017 42": "",
    "fcst 2017 43": "",
    "fcst 2017 44": "",
    "fcst 2017 45": "",
    "fcst 2017 46": "",
    "fcst 2017 47": "",
    "fcst 2017 48": "",
    "fcst 2017 49": ""
  },
  {
    "Discipline Allocation": "Architectural",
    "Employee Name": "Fuselier, Michael James",
    "Program": "MSB",
    "actual 2017 31": 40,
    "actual 2017 32": 39,
    "actual 2017 33": 40,
    "actual 2017 34": 25,
    "actual 2017 35": "",
    "actual 2017 36": 32,
    "actual 2017 37": 40,
    "actual 2017 38": 40,
    "actual 2017 39": 32,
    "actual 2017 40": 35,
    "actual 2017 41": 40,
    "fcst 2017 42": 20,
    "fcst 2017 43": 16,
    "fcst 2017 44": 16,
    "fcst 2017 45": 16,
    "fcst 2017 46": 16,
    "fcst 2017 47": 16,
    "fcst 2017 48": 16,
    "fcst 2017 49": 16
  },
  {
    "Discipline Allocation": "Architectural",
    "Employee Name": "Perrigo, Anastasia C",
    "Program": "F10",
    "actual 2017 31": 19,
    "actual 2017 32": 29.5,
    "actual 2017 33": 33,
    "actual 2017 34": 29.5,
    "actual 2017 35": 26,
    "actual 2017 36": 13.5,
    "actual 2017 37": 38,
    "actual 2017 38": 35,
    "actual 2017 39": 34.5,
    "actual 2017 40": 38,
    "actual 2017 41": 39,
    "fcst 2017 42": "",
    "fcst 2017 43": "",
    "fcst 2017 44": "",
    "fcst 2017 45": "",
    "fcst 2017 46": "",
    "fcst 2017 47": "",
    "fcst 2017 48": "",
    "fcst 2017 49": ""
  },
  {
    "Discipline Allocation": "Architectural",
    "Employee Name": "Raghuraman, Madhumitha",
    "Program":...