Default Handsontable Demo

HTML

<link rel="stylesheet" href="http://handsontable.com/demo/css/samples.css">
<link rel="stylesheet" href="http://handsontable.com/dist/handsontable.css">
<script src="http://handsontable.com/dist/handsontable.full.js"></script>
<h2>Default Handsontable Demo</h2>

<div id="exampleGrid" class="dataTable"></div>

CSS

body {
    background-color: white;
    margin: 20px;
}
h2 {
    margin: 20px 0;
}

JavaScript

var myData = [
    ["", "Kia", "Nissan", "Toyota", "Honda"],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],

    ["2010", 30, 15, 12, 13]
];

new Handsontable(
    document.querySelector('#exampleGrid'),
    {
        data: myData,
        minSpareCols: 1,
        //always keep at least 1 spare row at the right
        minSpareRows: 1,
        //always keep at least 1 spare row at the bottom,
        // rowHeaders: true,
        colHeaders: true,
        contextMenu: true
    }
);