Skip to content

Handsontable is a minimalist Excel-like data grid editor for HTML & JavaScript

License

Notifications You must be signed in to change notification settings

peterboccia/handsontable

 
 

Repository files navigation

Handsontable Build Status

Handsontable is a minimalist approach to Excel-like table editor (datagrid/data grid) in 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 🆕 Handsontable Google Group for posting general Questions.

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:

  1. Use GitHub Issues board to report bugs and feature requests (not my email address)
  2. 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.
  3. If possible, please add a JSFiddle link that shows the problem (start by forking this fiddle). It saves me much time.
  4. If you can't reproduce it on JSFiddle, please add a screenshot that shows the problem. JSFiddle is much more appreciated because it lets me start fixing straight away.

Thanks for understanding!

Contributing

Please see CONTRIBUTING.md

Similar projects

I want to stay motivated to keep Handsontable the best possible editable datagrid on the Web. Therefore, I invite you to check out alternative projects. I would love to receive feedback if you would like to import some of their features to Handsontable.

Contact

You can contact us at [email protected].

License

The MIT License (see the LICENSE file for the full text)

About

Handsontable is a minimalist Excel-like data grid editor for HTML & JavaScript

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 88.8%
  • HTML 8.8%
  • CSS 2.2%
  • PHP 0.2%