React Spreadsheet installation
React Spreadsheet is distributed as an npm package in three variants: a public evaluation build, a private evaluation build, and the commercial release. This page covers how to install each variant, import the required CSS stylesheet, and set up TypeScript support.
- Node.js (LTS version recommended)
- React 18 or newer
Evaluation version (public npm)
The evaluation package is available on the public npm registry with no additional configuration required. It includes a free 30-day evaluation.
npm install @dhtmlx/trial-react-spreadsheet
or with yarn:
yarn add @dhtmlx/trial-react-spreadsheet
Evaluation version (private npm)
The evaluation version is on the DHTMLX private registry. Configure your project first:
npm config set @dhx:registry https://npm.dhtmlx.com
Then install:
npm install @dhx/trial-react-spreadsheet
Commercial version (private npm)
The commercial version uses the same private registry. Log in to your account in the Client's Area to obtain credentials.
npm config set @dhx:registry https://npm.dhtmlx.com
npm install @dhx/react-spreadsheet
Package variants
| Variant | Package Name | Registry |
|---|---|---|
| Evaluation (public npm) | @dhtmlx/trial-react-spreadsheet | npmjs.org (public) |
| Evaluation (private npm) | @dhx/trial-react-spreadsheet | npm.dhtmlx.com (private) |
| Commercial | @dhx/react-spreadsheet | npm.dhtmlx.com (private) |
CSS import
Import the stylesheet in your application entry point or component:
import "@dhtmlx/trial-react-spreadsheet/spreadsheet.react.css";
For the commercial version:
import "@dhx/react-spreadsheet/spreadsheet.react.css";
TypeScript
TypeScript type definitions are bundled with the package. No additional @types/ package is needed.
Next steps
- Quick start - build your first spreadsheet app step by step