Handsontable
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.
Usage
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>
API Reference
Check out the new wiki pages: Options, Methods and Events
Changelog
To see the list of recent changes, see Releases.
Questions
Please use the
Make sure the question was not answered before in FAQ or GitHub Issues
Reporting bugs and feature requests
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!
Contributing
Please see CONTRIBUTING.md
Contact
You can contact us at hello@handsontable.com.
License
The MIT License (see the LICENSE file for the full text)