React Data Grid with Spreadsheet Look & Feel. Official React wrapper for Handsontable.
8.0.0
, which contains multiple changes, some of them not backward-compatible. For more information on updates in this version of Handsontable, see the 8.0.0 release notes. (#191)npm audit
vulnerability warnings. (#191)warn
helper to the react wrapper repository (#151)For more information on the subject, see the @handsontable/react documentation.(#130)
@handsontable/react
and @handsontable-pro/react
packages into one, working with handsontable@7.0.0
+.7
.on-
prefixes (as in onAfterChange
) were removed from hook declaration names, to simplify the Handsontable configuration, when migrating from the vanilla version. onAfterChange: function() { }
afterChange: function() { }
version
property to the component (as in HotTable.version
), so it's easier to check which version we're using.ref
. (#19)id
string structure. (#76)dist
package. (#94)We've refactored the library, as the previous configuration caused multiple problems with installation. The main changes are:
The wrapper will no longer be available as react-handsontable
. We've split the library into a Handsontable CE and Handsontable Pro-based builds.
They are available under two scopes: @handsontable/react
and @handsontable-pro/react
.
For more information on how to install this wrapper, see the Handsontable for React documentation.
As Handsontable is listed as a peer dependency, it's not a part of the wrapper, and neither is the .css
for it. In order for this wrapper to run properly, you'll need to add it manually, however you'd like.
The HotTable
component is no longer a default export. To import it into your app, use
import {HotTable} from '@handsontable/react';
instead of import HotTable (...)
Please, switch your configuration to use: @handsontable/react, if you're using Handsontable, or @handsontable-pro/react, if you're using Handsontable Pro.