Handsontable is a minimalist approach to Excel-like table editor (data grid) for HTML & JavaScript.
Runs in IE 10+, Firefox, Chrome, Safari and Opera.
See the demos at http://handsontable.com/ or fork the example on JSFiddle.
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:
<div id="hot"></div>
<script>
var data = [
["", "Kia", "Nissan", "Toyota", "Honda"],
["2008", 10, 11, 12, 13],
["2009", 20, 11, 14, 13],
["2010", 30, 15, 12, 13]
];
var container = document.getElementById('hot');
var hot = new Handsontable(container,
{
data: data,
minSpareRows: 1,
colHeaders: true,
contextMenu: true
});
</script>
Check out the new wiki pages: Options, Methods and Events
To see the list of recent changes, see Releases.
Please use the 🆕 Handsontable Google Group for posting general Questions.
Make sure the question was not answered before in FAQ or GitHub Issues
Please follow this guidelines when reporting bugs and feature requests:
- Use GitHub Issues board to report bugs and feature requests (not our email address)
- Please always write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.
- If possible, please add a JSFiddle link that shows the problem (start by forking this fiddle). It saves us much time.
- If you can't reproduce it on JSFiddle, please add a screenshot that shows the problem. JSFiddle is much more appreciated because it lets us start fixing straight away.
Thanks for understanding!
Please see CONTRIBUTING.md
You can contact us at hello@handsontable.com.
The MIT License (see the LICENSE file for the full text)