HANDSONTABLE alternatives and similar libraries
Based on the "Spreadsheet" category.
Alternatively, view HANDSONTABLE alternatives based on common mentions on social networks and blogs.
-
SheetJS js-xlsx
π SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs -
Luckysheet
DISCONTINUED. Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source. -
ag-Grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript. -
jexcel
Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software. -
MUI X
MUI X is a collection of advanced React UI components for complex use cases. Use the native integration with Material UI or extend your design system. They feature state-of-the-art functionality and complex UX workflows for data-rich applications and support a wide range of use cases. MUI X is open coreβbase components are MIT-licensed, while more advanced features require a Pro or Premium commercial license. Components: - Data Grid - Date and Time Pickers - Charts - Tree View
CodeRabbit: AI Code Reviews for Developers
Do you think we are missing an alternative of HANDSONTABLE or a related project?
README
Handsontable is a JavaScript component that combines data grid features with spreadsheet-like UX. It provides data binding, data validation, filtering, sorting, and CRUD operations.
Get Started with Handsontable
React Angular Vue Vue 3 JavaScript
Features
The most popular features of Handsontable:
β Multiple column sorting β Non-contiguous selection β Filtering data β Export to file β Validating data β Conditional formatting β Merging cells β Freezing rows/columns β Moving rows/columns β Resizing rows/columns β Hiding rows/columns β Context menu β Comments
Documentation
Get Started
Install with npm
Run the following command in your terminal
npm install handsontable
You can also use Yarn, NuGet or load the bundle directly from jsDelivr.
Create a placeholder
Create an HTML placeholder
<div id="example"></div>
Import Handsontable and its stylesheet
import Handsontable from "handsontable";
import 'handsontable/dist/handsontable.full.css';
Initialize the grid
Now turn your placeholder into a data grid with sample data.
const data = [
['', 'Tesla', 'Volvo', 'Toyota', 'Ford'],
['2019', 10, 11, 12, 13],
['2020', 20, 11, 14, 13],
['2021', 30, 15, 12, 13]
];
const container = document.getElementById('example');
const hot = new Handsontable(container, {
data: data,
rowHeaders: true,
colHeaders: true
});
Support
We provide support for developers working with commercial version via contact form or at [email protected].
If you use a non-commercial version then please ask your tagged question on StackOverflow.
License
Handsontable is a commercial software with two licenses available:
- Free for non-commercial purposes such as teaching, academic research, and evaluation. Read it here.
- Commercial license with support and maintenance included. See pricing plans.
License key
If you use Handsontable in a project that supports your commercial activity, then you must purchase the license key at handsontable.com.
If you use the free for non-commercial license of Handsontable, then pass the phrase 'non-commercial-and-evaluation'
, as described in this documentation.
Proudly created and maintained by the Handsontable Team.
*Note that all licence references and agreements mentioned in the HANDSONTABLE README section above
are relevant to that project's source code only.