Handsontable – A minimalist Excel-like data grid editor for HTML & JavaScript


Handsontable is a minimalist approach to Excel-like table editor (datagrid/data grid) in HTML & JavaScript.Handsontable binds to your data source (array or object) by reference. Therefore, all the data entered in the grid will alter the original data source.

Handsontable runs in IE 10+, Firefox, Chrome, Safari and Opera.


– First, include all the dependencies. All the files that you need are in the dist\ directory:

<script src="dist/handsontable.full.js"></script>
<link rel="stylesheet" media="screen" href="dist/handsontable.full.css">

– Then, create a new Handsontable object, passing a reference to an empty div as a first argument. After that, load some data if you wish.