OPENTABLE

Opentable is an open source JavaScript/HTML5 data grid component with spreadsheet look & feel. It is forked from HandsonTable community edition 6.2.2 before it was closed-sourced at version 7. It easily integrates with any data source and comes with a variety of useful features like data binding, validation, sorting or powerful context menu. It is available for [React](//github.com/swsvindland/opentable-react). If you are looking for an extended version, try out [Handsontable Pro](//github.com/handsontable/handsontable-pro). [![Build status](https://travis-ci.org/rathbone-labs/opentable.png?branch=master)](//travis-ci.org/rathbone-labs/opentable) [![npm](https://img.shields.io/npm/dt/opentable.svg)](//npmjs.com/package/opentable) [![npm](https://img.shields.io/npm/dm/opentable.svg)](//npmjs.com/package/opentable) [![npm](https://img.shields.io/github/contributors/rathbone-labs/opentable.svg)](//github.com/rathbone-labs/opentable/graphs/contributors)
## Table of contents 1. [What to use it for?](#what-to-use-it-for) 1. [Installation](#installation) 2. [Basic usage](#basic-usage) 3. [Examples](#examples) 4. [Features](#features) 5. [Screenshot](#screenshot) 6. [Resources](#resources) 7. [Wrappers](#wrappers) 8. [Support](#support) 9. [Contributing](#contributing) 10. [Community](#community) 11. [License](#license)
### What to use it for? The list below gives a rough idea on what you can do with Opentable, but it shouldn't limit you in any way: - Database editing - Configuration controlling - Data merging - Team scheduling - Sales reporting - Financial analysis
### Installation There are many ways to install Opentable, but we suggest using npm: ``` npm install opentable ``` **Alternative ways to install** - See the releases page for downloadable zips
### Basic usage Assuming that you have already installed Opentable, create an empty `
` element that will be turned into a spreadsheet: ```html
``` In the next step, pass a reference to that `
` element into the Opentable constructor and fill the instance with sample data: ```javascript var data = [ ["", "Tesla", "Volvo", "Toyota", "Honda"], ["2017", 10, 11, 12, 13], ["2018", 20, 11, 14, 13], ["2019", 30, 15, 12, 13] ]; var container = document.getElementById('example'); var hot = new Handsontable(container, { data: data, rowHeaders: true, colHeaders: true }); ```
### Examples - [See a live demo](//handsontable.com/examples.html)
### Features **Some of the most popular features include:** - Sorting data - Data validation - Conditional formatting - Freezing rows/columns - Merging cells - Defining custom cell types - Moving rows/columns - Resizing rows/columns - Context menu - Adding comments to cells - Dragging fill handle to populate data - Internationalization - Non-contiguous selection [See a comparison table](//handsontable.com/docs/tutorial-features.html)
### Screenshot
Handsontable Community Edition Screenshot

### Resources - [API Reference](//handsontable.com/docs/Core.html) - [Compatibility](//handsontable.com/docs/tutorial-compatibility.html) - [Change log](//github.com/handsontable/handsontable/releases) - [Roadmap](//trello.com/b/PztR4hpj) - [Newsroom](//twitter.com/handsontable)
### Wrappers Handsontable CE comes with wrappers and directives for most popular frameworks: - [Angular](//github.com/handsontable/angular-handsontable) - [Angular 1](//github.com/handsontable/ngHandsontable) - [React](//github.com/handsontable/react-handsontable) - [Vue](//github.com/handsontable/vue-handsontable-official) - [Polymer](//github.com/handsontable/hot-table) - [Typescript file](//github.com/handsontable/handsontable/blob/master/handsontable.d.ts)
### Support Report all the suggestions and problems on [GitHub Issues](//github.com/handsontable/handsontable/issues). An open source version doesn't include a commercial support. You need to purchase [Handsontable Pro](//github.com/handsontable/handsontable-pro) license or [contact us](//handsontable.com/contact.html) directly in order to obtain a technical support from the Handsoncode team.
### Contributing If you would like to help us to develop Handsontable, please take a look at this [guide for contributing](//github.com/handsontable/handsontable/blob/master/CONTRIBUTING.md).
### Community - [GitHub issues](//github.com/handsontable/handsontable/issues) - [Stackoverflow](//stackoverflow.com/tags/handsontable) - [Forum](//forum.handsontable.com) - [Twitter](//twitter.com/handsontable)
### License Handsontable Community Edition is released under the MIT license. [Read license](//github.com/handsontable/handsontable/blob/master/LICENSE). Copyrights belong to Handsoncode sp. z o.o.