handsontable
Advanced tools
Handsontable is a JavaScript Spreadsheet Component available for React, Angular and Vue.
Handsontable Community Edition (CE) is an open source JavaScript/HTML5 UI Spreadsheet component for web apps. 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 Vue, React, Angular and Polymer.
If you are looking for an extended version, try out Handsontable Pro.
We are looking for Contributors who would like to help us with translations. Learn more
Most wanted languages: Danish, Italian, Korean, Portuguese, Spanish and Swedish.
The list below gives a rough idea on what you can do with Handsontable CE, but it shouldn't limit you in any way:
There are many ways to install Handsontable CE, but we suggest using npm:
npm install handsontable
Alternative ways to install
Assuming that you have already installed Handsontable CE, create an empty <div> element that will be turned into a spreadsheet:
<div id="example"></div>
In the next step, pass a reference to that <div> element into the Handsontable CE constructor and fill the instance with sample data:
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
});
Some of the most popular features include:
Handsontable CE comes with wrappers and directives for most popular frameworks:
Report all the suggestions and problems on GitHub Issues.
An open source version doesn't include a commercial support. You need to purchase Handsontable Pro license or contact us directly in order to obtain a technical support from the Handsoncode team.
If you would like to help us to develop Handsontable, please take a look at this guide for contributing.
Handsontable Community Edition is released under the MIT license. Read license.
Copyrights belong to Handsoncode sp. z o.o.
[14.0.0] - 2023-11-22
Ctrl/Cmd + Shift + Space keyboard shortcut for selecting all cells. #10237TAB key and introduced a new tabNavigation option. #10430 #10585aria-label attribute to the checkbox renderer. #10539role attributes to the filtering menu's links. #10548navigableHeaders option along with other changes. #10301beforeSelectionHighlightSet hook that allows modifying logical selection coordinates before they are applied to the rendering engine. #10513select renderer and cell type. #10529handsontable and date renderers for their respective cell types to allow adding the a11y attributes. #10535beforeColumnWrap and beforeRowWrap hooks. #10550angular@17 examples to ensure Handsontable works with that Angular version. #10584imeFastEdit option to minimize the negative effects affecting the "fast edit" feature for the IME users. #10342scrollViewportTo method to allow disabling of cell auto-snapping. #10508forwardToContext option to the ShortcutManager. #10519package.json files. #10509ManualRowMove and ManualColumnMove plugins. #10475offset helper for elements placed in foreign object contexts. #10480transform: scale attribute applied. #10482updateData value to the ChangeSource type. #10488Ctrl/Cmd does not trigger non-contiguous selection. #10502Autocomplete editor's list in cases when there were no items. #10506Ctrl/Cmd + Shift key combination. #10622For more information on Handsontable 14.0.0, see:
FAQs
Handsontable is a JavaScript Data Grid available for React, Angular and Vue.
The npm package handsontable receives a total of 87,113 weekly downloads. As such, handsontable popularity was classified as popular.
We found that handsontable demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
Security News
cURL and Go security teams are publicly rejecting CVSS as flawed for assessing vulnerabilities and are calling for more accurate, context-aware approaches.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.