Gathering detailed insights and metrics for mic-handsontable-fork
Gathering detailed insights and metrics for mic-handsontable-fork
Gathering detailed insights and metrics for mic-handsontable-fork
Gathering detailed insights and metrics for mic-handsontable-fork
JavaScript Data Grid / Data Table with a Spreadsheet Look & Feel. Works with React, Angular, and Vue. Supported by the Handsontable team ⚡
npm install mic-handsontable-fork
Typescript
Module System
Node Version
NPM Version
JavaScript (92.68%)
TypeScript (5.59%)
SCSS (1.14%)
CSS (0.37%)
Vue (0.2%)
EJS (0.01%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
NOASSERTION License
21,173 Stars
8,847 Commits
3,167 Forks
457 Watchers
158 Branches
136 Contributors
Updated on Jul 11, 2025
Latest Version
7.1.3-alpha-3
Package Id
mic-handsontable-fork@7.1.3-alpha-3
Unpacked Size
15.03 MB
Size
2.83 MB
File Count
732
NPM Version
6.14.6
Node Version
12.18.4
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
9
50
Handsontable is a JavaScript/HTML5 data grid component with spreadsheet look & feel.
It provides easy data binding, data validation, filtering, sorting and CRUD operations.
Use npm to install the latest version.
npm install handsontable
You can use Yarn, NuGet or other methods as well. You can load it directly from jsDelivr.
Create a placeholder - an HTML element holding a place for a data grid.
1<div id="example"></div>
Import Handsontable and its stylesheet.
1import Handsontable from "handsontable"; 2import 'handsontable/dist/handsontable.full.css';
Alternatively, you can simply embed it in your HTML file.
1<script src="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.js"></script> 2<link href="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.css" rel="stylesheet">
Now turn your placeholder into a data grid with sample data.
1const data = [ 2 ['第一事业部', '广东', '深圳', 1000, 1000, 1000, 1000, 1000, 1000], 3 ['第一事业部', '广东', '深圳', 1000, 1000, 1000, 1000, 1000, 1000], 4 ['第一事业部', '广东', '深圳', 1000, 1000, 1000, 1000, 1000, 1000] 5]; 6 7const nestedHeaders = [ 8 [{ label: '事业部', rowspan: 3 }, { label: '省份', rowspan: 3 }, '年份', { label: '2018年', colspan: 6 }], 9 ['事业部', '省份', '月份', '1月', '2月', '3月', '4月', '5月', '6月'], 10 ['事业部', '省份', '城市', '销售额', '销售额', '销售额', '销售额', '销售额', '销售额'] 11] 12 13const container = document.getElementById('example'); 14const hot = new Handsontable(container, { 15 data: data, 16 nestedHeaders:nestedHeaders, 17 rowHeaders: true, 18 colHeaders: true 19});
A list of some of the most popular features:
Use one of the available wrappers to use Handsontable with your favorite framework:
We provide support for all users through GitHub issues. If you have a commercial license then you can add a new ticket through the contact form.
If you would like to contribute to this project, make sure you first read the guide for contributors.
Handsontable is compatible with modern browsers such as Chrome, Firefox, Safari, Opera, and Edge. It also supports Internet Explorer 9 to 11 but with limited performance.
Handsontable is dual-licensed. You can either use a free license for all your non-commercial projects or purchase a commercial license. See the table below for a comparison of these two.
Free license | Paid license |
---|---|
For non-commercial purposes such as teaching, academic research, personal experimentation, and evaluating on development and testing servers. | For all commercial purposes |
All features are available | All features are available |
Community support | Dedicated support |
Read the license | See plans |
The license key is obligatory since Handsontable 7.0.0 (released in March 2019).
If you use Handsontable for purposes not intended toward monetary compensation such as, but not limited to, teaching, academic research, evaluation, testing and experimentation, pass the phrase 'non-commercial-and-evaluation'
, as presented below:
1const hot = new Handsontable(container, {
2 data: data,
3 rowHeaders: true,
4 colHeaders: true,
5 licenseKey: 'non-commercial-and-evaluation'
6});
If, on the other hand, you use Handsontable in a project that supports your commercial activity, then you must purchase the license key at handsontable.com.
The license key is validated in an offline mode. No connection is made to any server. Learn more about how it works.
Created by Handsoncode with ❤ and ☕ in Tricity.
No vulnerabilities found.
Reason
30 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 10
Reason
packaging workflow detected
Details
Reason
no binaries found in the repo
Reason
SAST tool is run on all commits
Details
Reason
license file detected
Details
Reason
dependency not pinned by hash detected -- score normalized to 8
Details
Reason
Found 11/30 approved changesets -- score normalized to 3
Reason
badge detected: InProgress
Reason
dangerous workflow patterns detected
Details
Reason
security policy file not detected
Details
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
project is not fuzzed
Details
Reason
75 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More