npmpackage.info

Gathering detailed insights and metrics for handsontable

Other packages similar to handsontable

@handsontable/vue

15.3.0

Best Data Grid for Vue with Spreadsheet Look and Feel.

@handsontable/react

15.3.0

Best Data Grid for React with Spreadsheet Look and Feel.

@handsontable/formulajs

2.0.2

JavaScript implementation of most Microsoft Excel formula functions

@handsontable/vue3

15.3.0

Best Data Grid for Vue with Spreadsheet Look and Feel.

Gathering detailed insights and metrics for handsontable

handsontable - 15.3.0 | npmpackage.info

handsontable

JavaScript Data Grid / Data Table with a Spreadsheet Look & Feel. Works with React, Angular, and Vue. Supported by the Handsontable team ⚡

15.3.0

20,981

NOASSERTION

JavaScript

311.52 kB

29,262,133 4.8

Installations

npm install handsontable

Developer Guide

BETA

Typescript

No

Module System

CommonJS, ESM

Node Version

22.9.0

NPM Version

10.8.3 Score

97.2

Supply Chain

93.8

Quality

98.6

Maintenance

100

Vulnerability

86.1

License

Pull Requests

Open

15

Total

3,019

Closed

623

Merged

2,381

Issues

Open

394

Total

7,646

Closed

7,252

Releases

216

15.3.0

Updated on Apr 29, 2025

15.2.0

Updated on Mar 19, 2025

15.1.0

Updated on Feb 20, 2025

15.0.1

Updated on Feb 10, 2025

14.6.2

Updated on Feb 10, 2025

15.0.0

Updated on Dec 16, 2024

View All 216 releases

Languages

JavaScript

TypeScript

SCSS

CSS

Vue

EJS

JavaScript (93.28%)

TypeScript (5.05%)

SCSS (1.08%)

CSS (0.37%)

Vue (0.21%)

EJS (0.01%)

Developer

handsontable

Download Statistics

Total Downloads

29,262,133

Last Day

26,612

Last Week

139,397

Last Month

606,521

Last Year

5,445,371

GitHub Statistics

NOASSERTION License

20,981 Stars

8,747 Commits

3,143 Forks

457 Watchers

159 Branches

133 Contributors

Updated on May 09, 2025

Bundle Size

1.26 MB

Minified

311.52 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 133 Contributors

Package Meta Information

Latest Version

15.3.0

Package Id

handsontable@15.3.0

Unpacked Size

19.81 MB

Size

3.91 MB

File Count

1,544

NPM Version

10.8.3

Node Version

22.9.0

Published on

Apr 29, 2025

Total Downloads

Cumulative downloads

Total Downloads

29,262,133

Last Day

78.8%

26,612

Compared to previous day

Last Week

6.5%

139,397

Compared to previous week

Last Month

606,521

Compared to previous month

Last Year

-11%

5,445,371

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Handsontable is a JavaScript Data Grid with a spreadsheet-like look and feel.

Use it with JavaScript, TypeScript, or frameworks such as React, Angular, and Vue. With its spreadsheet-like editing features, it’s perfect for building data-rich internal apps. It allows users to enter, edit, validate, and process data from various sources. Common use cases include resource planning software (ERP), inventory management systems, digital platforms, and data modeling applications.

Website — Documentation — Themes — API — Community

✨ Key Features

  ✅ Built-in themes
  ✅ Flexible API
  ✅ Virtualization
  ✅ IME support
  ✅ Internationalization
  ✅ RTL support
  ✅ Accessibility
  ✅ Keyboard shortcuts
  ✅ Sorting data
  ✅ Filtering data
  ✅ 400 built-in formulas
  ✅ Configurable selection
  ✅ Data validation
  ✅ Conditional formatting
  ✅ Merged cells
  ✅ Frozen rows and columns
  ✅ Hiding rows and columns
  ✅ Right-click context menu

🪄 Installation

Below, you'll find the installation guide for the JavaScript component. If you're using a specific framework, refer to its dedicated wrapper for installation instructions:

Install with npm

You can also use Yarn, NuGet or load the package from CDN.

1npm install handsontable

Provide an HTML container

1<!-- Set the container's ID and apply the desired theme -->
2<div id="handsontable-example" class="ht-theme-main-dark-auto"></div>

Setup

1import Handsontable from 'handsontable';
2// Base CSS rules
3import 'handsontable/styles/handsontable.min.css';
4// Main theme variables
5import 'handsontable/styles/ht-theme-main.min.css';
6
7const element = document.getElementById('handsontable-grid');
8
9new Handsontable(element, {
10  data: [
11    { company: 'Tagcat', country: 'United Kingdom', rating: 4.4 },
12    { company: 'Zoomzone', country: 'Japan', rating: 4.5 },
13    { company: 'Meeveo', country: 'United States', rating: 4.6 },
14  ],
15  columns: [
16    { data: 'company', title: 'Company', width: 100 },
17    { data: 'country', title: 'Country', width: 170, type: 'dropdown', source: ['United Kingdom', 'Japan', 'United States'] },
18    { data: 'rating', title: 'Rating', width: 100, type: 'numeric' },
19  ],
20  rowHeaders: true,
21  navigableHeaders: true,
22  tabNavigation: true,
23  multiColumnSorting: true,
24  headerClassName: 'htLeft',
25  licenseKey: 'non-commercial-and-evaluation',
26});
27

CDN-based setup

Show/Hide code

If your environment does not support imports, you can use the code below to quickly set up and run a data grid with basic configuration options.

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>Handsontable - JavaScript Data Grid Example</title>
7    <link
8      rel="stylesheet"
9      href="https://cdn.jsdelivr.net/npm/handsontable/styles/handsontable.min.css"
10    />
11    <link
12      rel="stylesheet"
13      href="https://cdn.jsdelivr.net/npm/handsontable/styles/ht-theme-main.min.css"
14    />
15  </head>
16  <body>
17    <div id="handsontable-grid" class="ht-theme-main-dark-auto"></div>
18    <script src="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.js"></script>
19    <script>
20      const element = document.getElementById("handsontable-grid");
21
22      new Handsontable(element, {
23        data: [
24          { company: "Tagcat", country: "United Kingdom", rating: 4.4 },
25          { company: "Zoomzone", country: "Japan", rating: 4.5 },
26          { company: "Meeveo", country: "United States", rating: 4.6 },
27        ],
28        columns: [
29          { data: "company", title: "Company", width: 100 },
30          { data: "country", title: "Country", width: 170, type: "dropdown", source: ["United Kingdom", "Japan", "United States"] },
31          { data: "rating", title: "Rating", width: 100, type: "numeric" },
32        ],
33        rowHeaders: true,
34        navigableHeaders: true,
35        tabNavigation: true,
36        multiColumnSorting: true,
37        headerClassName: "htLeft",
38        licenseKey: "non-commercial-and-evaluation",
39      });
40    </script>
41  </body>
42</html>

🚀 Resources

🤔 Is Handsontable a Data Grid or a Spreadsheet?

Handsontable is a data grid component written in JavaScript, not a spreadsheet. However, it brings in many features typically found in spreadsheet software. We designed it this way because spreadsheet-like patterns are often the most user-friendly when it comes to data entry and management.

Spreadsheet-like features in Handsontable:

Keyboard shortcuts compliant with either Google Sheets or Excel
400 spreadsheet formulas via native integration with HyperFormula
Keyboard navigation across headers that can be disabled, making only cells navigable
TAB navigation across cells that can be disabled
Built-in undo-redo functionality
Powerful clipboard capabilities for copy-paste operations
Ability to scroll the grid within the container (div) or window
Data binding in the form of an array of objects or arrays of arrays
Built-in cell editors like a date picker or dropdown list

At first glance, it might seem that a data table, spreadsheet, and data grid are just different names for the same thing - an interactive table displaying data. In reality, these tools serve different purposes and offer distinct functionalities, designed to meet specific needs. Handsontable sits comfortably in the data grid category while incorporating many of the best aspects of spreadsheet software.

🛟 Support

We're here to help!

If you're using Handsontable with a free, non-commercial license, you can:

Join the conversation on GitHub Discussions to share ideas, suggest features, or discuss changes.
Report any bugs you find on our GitHub Issue Board.
Connect with other developers and find answers on our Developer Forum.

If you have a commercial license, feel free to contact us directly at support@handsontable.com or use our contact form.

📖 Licenses

Handsontable is available under two licensing options, allowing you to choose the one that best fits your needs. Each license comes with its own terms and conditions, as outlined below:

① Free license for non-commercial use, and evaluation purposes

This license is available for non-commercial purposes such as teaching, academic research, or evaluation. It allows you to use Handsontable free of charge under the terms specified in the non-commercial license agreement.
Learn more here.

② Commercial license

For commercial use, a paid license is required. This license includes support and maintenance to ensure you get the most out of Handsontable. The commercial license can be purchased directly from Handsoncode or through an authorized reseller. See the pricing page for details.

🔑 License Key

For projects covered by the free non-commercial license, simply use the phrase 'non-commercial-and-evaluation' as your license key.

If you're using Handsontable in a project that supports commercial activities, you'll need to purchase a license key at handsontable.com/pricing. You can find more details in our documentation.

🙌 Contributing

Contributions are welcome, but before you make them, please read the Contributing Guide and accept the Contributor License Agreement.

Created and maintained by the Handsontable Team 👋

High

7.5/10

Summary

Inefficient Regular Expression Complexity in handsontable

Affected Versions

< 10.0.0

Patched Versions

10.0.0

10

Maintained

Determines if the project is "actively maintained".

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Packaging

Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.

10

SAST

Determines if the project uses static code analysis.

9

License

Determines if the project has defined a license.

8

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

7

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

2

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

72 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
Warn: Project is vulnerable to: GHSA-h5c3-5r3r-rr8q
Warn: Project is vulnerable to: GHSA-rmvr-2pp2-xj38
Warn: Project is vulnerable to: GHSA-xx4v-prfh-6cgc
Warn: Project is vulnerable to: GHSA-4w2v-q235-vp99
Warn: Project is vulnerable to: GHSA-cph5-m8f7-6c5x
Warn: Project is vulnerable to: GHSA-wf5p-g6vw-rhxx
Warn: Project is vulnerable to: GHSA-jr5f-v2jv-69x6
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-r7jx-5m6m-cpg9
Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99
Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q
Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c
Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97
Warn: Project is vulnerable to: GHSA-7wwv-vh3v-89cq
Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m
Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j
Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
Warn: Project is vulnerable to: GHSA-4www-5p9h-95mh
Warn: Project is vulnerable to: GHSA-9gqv-wp59-fq42
Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-6vfc-qv3f-vr6c
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5
Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp
Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq
Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr
Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765
Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g
Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
Warn: Project is vulnerable to: GHSA-8g77-54rh-46hx
Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
Warn: Project is vulnerable to: GHSA-x7hr-w5r2-h6wg
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-6g33-8w2q-4hxv
Warn: Project is vulnerable to: GHSA-325j-24f4-qv5x
Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq
Warn: Project is vulnerable to: GHSA-pq67-2wwv-3xjx
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-mgfv-m47x-4wqp
Warn: Project is vulnerable to: GHSA-5j4c-8p2g-v4jx
Warn: Project is vulnerable to: GHSA-g3ch-rx76-35fx
Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
Warn: Project is vulnerable to: GHSA-859w-5945-r5v3
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-92r3-m2mg-pj97
Warn: Project is vulnerable to: GHSA-c24v-8rfc-w8vw
Warn: Project is vulnerable to: GHSA-8jhw-289h-jh2g
Warn: Project is vulnerable to: GHSA-4vvj-4cpr-p986 / GHSA-64vr-g452-qvp3
Warn: Project is vulnerable to: GHSA-9cwx-2883-4wfx
Warn: Project is vulnerable to: GHSA-vg6x-rcgg-rjx6
Warn: Project is vulnerable to: GHSA-x574-m823-4x7w
Warn: Project is vulnerable to: GHSA-4r4m-qw57-chr8
Warn: Project is vulnerable to: GHSA-xcj6-pq6g-qj4x
Warn: Project is vulnerable to: GHSA-356w-63v5-8wf4
Warn: Project is vulnerable to: GHSA-vhxf-7vqr-mrjg
Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
Warn: Project is vulnerable to: GHSA-c76h-2ccp-4975

Score

4.8

/10

Last Scanned on 2025-05-05

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

Other packages similar to handsontable

Other packages similar to handsontable

handsontable

Installations

Developer Guide

No

CommonJS, ESM

22.9.0

10.8.3

Score

Pull Requests

15

3,019

623

2,381

Issues

394

7,646

7,252

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

1.26 MB

311.52 kB

Maintainers

Package Meta Information

Total Downloads

29,262,133

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

Optional Dependencies

Handsontable is a JavaScript Data Grid with a spreadsheet-like look and feel.

✨ Key Features

🪄 Installation

Install with npm

Provide an HTML container

Setup

CDN-based setup

🚀 Resources

🤔 Is Handsontable a Data Grid or a Spreadsheet?

Spreadsheet-like features in Handsontable:

🛟 Support

📖 Licenses

① Free license for non-commercial use, and evaluation purposes

② Commercial license

🔑 License Key

🙌 Contributing

10

10

10

10

9

8

7

2

0

0

0

0

0

4.8

/10