Handsontable example

HTML

<link rel="stylesheet" href="http://uniformjs.com/stylesheets/uniform.aristo.css">
<script src="http://uniformjs.com/javascripts/jquery.uniform.js"></script>
<link rel="stylesheet" href="http://handsontable.com/dist/jquery.handsontable.full.css">
<script src="http://handsontable.com/dist/jquery.handsontable.full.js"></script>
<button id='selectFirst'>Select Column</button>
<br />
<br />
<div id="example1" class="handsontable"></div>

CSS

body {
    background: white;
    margin: 20px;
}
h2 {
    margin: 20px 0;
}
.changeInput {
    background-color: #edfd56 !important;
}
span.icon-down-arrow-17 {
    /*	text-decoration: none !important;
	text-align: right !important;*/
    float: right;
}

JavaScript

$(document).ready(function () {

			      function getData() {
			          return [{
			              check: false,
			              activity: "Coal",
			              variables: "ShortRunProfit",
			              subtime: "Jan",
			                  "2010": 1695703.19504601,
			                  "2011": 1767843.43298749,
			                  "2012": 1790540.65905408,
			                  "2013": 1876543.54389753,
			                  "2014": 1894325.63298742,
			                  "2015": 1942380.42396782,
			                  "2016": 1984392.42387684,
			                  "2017": 2138974.32189842,
			                  "2018": 2343255.43211234
			          }, {
			              check: false,
			              activity: "Coal",
			              variables: "ShortRunProfit",
			              subtime: "Feb",
			                  "2010": 1695703.19504601,
			                  "2011": 1767843.43298749,
			                  "2012": 1790540.65905408,
			                  "2013": 1876543.54389753,
			                  "2014": 1894325.63298742,
			                  "2015": 1942380.42396782,
			                  "2016": 1984392.42387684,
			                  "2017": 2138974.32189842,
			                  "2018": 2343255.43211234
			          }, {
			              check: false,
			              activity: "Coal",
			              variables: "ShortRunProfit",
			              subtime: "Mar",
			                  "2010": 1695703.19504601,
			                  "2011": 1767843.43298749,
			                  "2012": 1790540.65905408,
			                  "2013": 1876543.54389753,
			                  "2014": 1894325.63298742,
			                  "2015": 1942380.42396782,
			                  "2016": 1984392.42387684,
			                  "2017": 2138974.32189842,
			                  "2018": 2343255.43211234
			          }, {
			              check: false,
			              activity: "Coal",
			              variables: "ShortRunProfit",
			              subtime: "Apr",
			        ...