npmpackage.info

Gathering detailed insights and metrics for react-handsontable

Other packages similar to react-handsontable

@handsontable/react

15.3.0

Best Data Grid for React with Spreadsheet Look and Feel.

handsontable

15.3.0

Handsontable is a JavaScript Data Grid available for React, Angular and Vue.

@handsontable/react-wrapper

15.3.0

Best Data Grid for React with Spreadsheet Look and Feel.

mic-react-handsontable-fork

3.0.0-alpha.2

Best Data Grid for React with Spreadsheet Look and Feel.

Gathering detailed insights and metrics for react-handsontable

react-handsontable - 0.3.2 | npmpackage.info

react-handsontable

React Data Grid with Spreadsheet Look & Feel. Official React wrapper for Handsontable.

0.3.2

520

MIT

TypeScript

199.69 kB

1,590,800 2.5

Installations

npm install react-handsontable

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

10.4.0

NPM Version

6.1.0 Pull Requests

Open

0

Total

54

Closed

24

Merged

30

Issues

Open

0

Total

0

Closed

0

Releases

4.0.0

Updated on Aug 05, 2020

3.1.3

Updated on Apr 15, 2020

3.1.2

Updated on Dec 13, 2019

3.1.1

Updated on Nov 14, 2019

3.1.0

Updated on Oct 28, 2019

3.0.0

Updated on Mar 06, 2019

View All 14 releases

Languages

TypeScript

JavaScript

TypeScript (95.47%)

JavaScript (4.53%)

Developer

handsontable

Download Statistics

Total Downloads

1,590,800

Last Day

446

Last Week

3,961

Last Month

18,012

Last Year

104,572

GitHub Statistics

MIT License

520 Stars

118 Commits

82 Forks

23 Watchers

13 Branches

8 Contributors

Updated on Mar 21, 2025

Bundle Size

858.72 kB

Minified

199.69 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 8 Contributors

Package Meta Information

Latest Version

0.3.2

Package Id

react-handsontable@0.3.2

Unpacked Size

181.87 kB

Size

47.98 kB

File Count

NPM Version

6.1.0

Node Version

10.4.0

Total Downloads

Cumulative downloads

Total Downloads

1,590,800

Last Day

-18.9%

446

Compared to previous day

Last Week

6.6%

3,961

Compared to previous week

Last Month

-7.3%

18,012

Compared to previous month

Last Year

2.9%

104,572

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

:warning: This package is deprecated.

Handsontable for React is now available for download as @handsontable/react.

Handsontable PRO for React is available as @handsontable-pro/react.

react-handsontable

A React wrapper for the the Handsontable spreadsheet component.

Installation
Building
Basic usage
Examples
License
Contact
Other wrappers

Installation

For detailed installation instructions, please take a look at our wiki under "Installation guide".

Building

If you used npm to download the library, you should be good to go, but if you want to make a build yourself, go to the directory where react-handsontable source is located and run:

1npm run build

This will create a /dist/ directory with react-handsontable.js and react-handsontable.min.js for you to use.

Basic usage

react-handsontable creates a <HotTable> component. You can use it just like any other React component. For example:

1// import React...
2import React from 'react';
3import ReactDOM from 'react-dom';
4
5// ... and HotTable
6import HotTable from 'react-handsontable';
7
8class ExampleComponent extends React.Component {
9  constructor(props) {
10    super(props);
11    this.handsontableData = [
12      ["", "Ford", "Volvo", "Toyota", "Honda"],
13      ["2016", 10, 11, 12, 13],
14      ["2017", 20, 11, 14, 13],
15      ["2018", 30, 15, 12, 13]
16    ];
17  }
18
19  render() {
20    return (
21      <div id="example-component">
22        <HotTable root="hot" data={this.handsontableData} colHeaders={true} rowHeaders={true} width="600" height="300" stretchH="all" />
23      </div>
24    );
25  }
26}

Note, that you can provide the Handsontable options either as:

individual component properties

1<HotTable root="hot" data={this.handsontableData} colHeaders={true} rowHeaders={true} width="600" height="300" stretchH="all" />

an object passed to a single settings property

1<HotTable root="hot" settings={{
2    data: this.handsontableData,
3    colHeaders: true,
4    rowHeaders: true,
5    width: 600,
6    height: 300,
7    stretchH: 'all'
8}} />

The root property declares the id of the root element for the table. It is optional - if it isn't provided, the table will get a random generated id.

Examples

License

react-handsontable is released under the MIT license. Copyrights belong to Handsoncode sp. z o.o.

Contact

Feel free to give us feedback on this wrapper using this contact form or write directly at hello@handsontable.com.

Other Wrappers

Handsontable comes with more wrappers and directives for popular frameworks:

hot-table (Polymer - WebComponents)
ngHandsontable (Angular 1)
vue-handsontable-official (Vue.js)

No vulnerabilities found.

10

Binary-Artifacts

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

10

License

Determines if the project has defined a license.

3

Code-Review

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

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

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

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.5

/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 react-handsontable

Other packages similar to react-handsontable

react-handsontable

Installations

Developer Guide

No

CommonJS

10.4.0

6.1.0

Pull Requests

0

54

24

30

Issues

0

0

0

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

858.72 kB

199.69 kB

Maintainers

Package Meta Information

Total Downloads

1,590,800

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

:warning: This package is deprecated.

react-handsontable

Table of contents

Installation

Building

Basic usage

Examples

License

Contact

Other Wrappers

10

10

3

0

0

0

0

0

0

2.5

/10