Handsontable example

by mpusarla

HTML

<div id="hot"></div>

CSS

#hot {overflow: hidden; width: 500px; height: 300px;}

</style><!-- Ugly Hack due to jsFiddle issue -->
<script src="https://handsontable.com/static/bower_components/handsontable-pro/dist/handsontable.full.js"></script>
<link href="https://handsontable.com/static/bower_components/handsontable-pro/dist/handsontable.full.css" type="text/css" rel="stylesheet">

JavaScript

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

var dataObj = [
    {
        "id": 1,
        "flag": "EUR",
        "currencyCode": "EUR",
        "currency": "Euro",
        "level": 0.9033,
        "units": "EUR / USD",
        "asOf": "08/19/2015",
        "onedChng": 0.0026
    },
    {
        "id": 2,
        "flag": "JPY",
        "currencyCode": "JPY",
        "currency": "Japanese Yen",
        "level": 124.387,
        "units": "JPY / USD",
        "asOf": "08/19/2015",
        "onedChng": 0.0001
    },
    {
        "id": 3,
        "flag": "GBP",
        "currencyCode": "GBP",
        "currency": "Pound Sterling",
        "level": 0.6396,
        "units": "GBP / USD",
        "asOf": "08/19/2015",
        "onedChng": 0
    },
    {
        "id": 4,
        "flag": "CHF",
        "currencyCode": "CHF",
        "currency": "Swiss Franc",
        "level": 0.9775,
        "units": "CHF / USD",
        "asOf": "08/19/2015",
        "onedChng": 0.0008
    },
    {
        "id": 5,
        "flag": "CAD",
        "currencyCode": "CAD",
        "currency": "Canadian Dollar",
        "level": 1.3097,
        "units": "CAD / USD",
        "asOf": "08/19/2015",
        "onedChng": -0.0005
    },
    {
        "id": 6,
        "flag": "AUD",
        "currencyCode": "AUD",
        "currency": "Australian Dollar",
        "level": 1.3589,
        "units": "AUD / USD",
        "asOf": "08/19/2015",
        "onedChng": 0.002
    },
    {
        "id": 7,
        "flag": "NZD",
        "currencyCode": "NZD",
        "currency": "New Zealand Dollar",
        "level": 1.5218,
        "units": "NZD / USD",
        "asOf": "08/19/2015",
        "onedChng": -0.0036
    },
    {
        "id": 8,
        "flag": "SEK",
        "currencyCode": "SEK",
        "currency": "Swedish Krona",
        "level": 8.528,
        "units": "SEK / USD",
        "asOf": "08/19/2015",
        "onedChng": 0.0016
    },
    {
        "id": 9,
        "flag": "NOK",
       ...