Default Handsontable Demo

HTML

<script src="http://handsontable.com/jquery.handsontable.js"></script>
<script src="http://handsontable.com/lib/bootstrap-typeahead.js"></script>
<script src="http://handsontable.com/lib/jquery.autoresize.js"></script>
<script src="http://handsontable.com/lib/jQuery-contextMenu/jquery.contextMenu.js"></script>
<script src="http://handsontable.com/lib/jQuery-contextMenu/jquery.ui.position.js"></script>
<link rel="stylesheet" href="http://handsontable.com/lib/jQuery-contextMenu/jquery.contextMenu.css">
<link rel="stylesheet" href="http://handsontable.com/jquery.handsontable.css">
<link rel="stylesheet" href="http://handsontable.com/demo/css/demo.css">
<h2>Default Handsontable Demo</h2>

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

JavaScript

$("#exampleGrid").handsontable({
    rows: 5,
    cols: 5,
    minSpareCols: 0,
    //always keep at least 1 spare row at the right
    minSpareRows: 0,
    //always keep at least 1 spare row at the bottom,
    rowHeaders: true,
    colHeaders: ['A<br>a', 'B<br>b', 'C<br>c', 'D<br>d', 'E<br>e'],
    contextMenu: true
});

var data = [ 
    ["2008", 10, 11, 12, 13],
    ["2009", 20, 11, 14, 13],
    ["2010", 30, 15, 12, 13]
    ];

$("#exampleGrid").handsontable("loadData", data, [allowHtml = true]);