React Spreadsheet Installation
React Spreadsheet wird als npm-Paket in drei Varianten vertrieben: ein öffentlicher Evaluierungs-Build, ein privater Evaluierungs-Build und die kommerzielle Version. Diese Seite beschreibt, wie Sie jede Variante installieren, das erforderliche CSS-Stylesheet importieren und TypeScript-Unterstützung einrichten.
- Node.js (LTS-Version empfohlen)
- React 18 oder neuer
Evaluierungsversion (öffentliches npm)
Das Evaluierungspaket ist ohne zusätzliche Konfiguration im öffentlichen npm-Registry verfügbar. Es enthält eine kostenlose 30-Tage-Evaluierung.
npm install @dhtmlx/trial-react-spreadsheet
oder mit yarn:
yarn add @dhtmlx/trial-react-spreadsheet
Evaluierungsversion (privates npm)
Die Evaluierungsversion befindet sich im privaten DHTMLX-Registry. Konfigurieren Sie zuerst Ihr Projekt:
npm config set @dhx:registry https://npm.dhtmlx.com
Dann installieren:
npm install @dhx/trial-react-spreadsheet
Kommerzielle Version (privates npm)
Die kommerzielle Version verwendet dasselbe private Registry. Melden Sie sich in Ihrem Konto im Kundenbereich an, um Zugangsdaten zu erhalten.
npm config set @dhx:registry https://npm.dhtmlx.com
npm install @dhx/react-spreadsheet
Paketvarianten
| Variante | Paketname | Registry |
|---|---|---|
| Evaluierung (öffentliches npm) | @dhtmlx/trial-react-spreadsheet | npmjs.org (öffentlich) |
| Evaluierung (privates npm) | @dhx/trial-react-spreadsheet | npm.dhtmlx.com (privat) |
| Kommerziell | @dhx/react-spreadsheet | npm.dhtmlx.com (privat) |
CSS-Import
Importieren Sie das Stylesheet in Ihren Anwendungseinstiegspunkt oder Ihre Komponente:
import "@dhtmlx/trial-react-spreadsheet/spreadsheet.react.css";
Für die kommerzielle Version:
import "@dhx/react-spreadsheet/spreadsheet.react.css";
TypeScript
TypeScript-Typdefinitionen sind im Paket enthalten. Es wird kein zusätzliches @types/-Paket benötigt.
Nächste Schritte
- Schnellstart - Ihre erste Tabellenanwendung Schritt für Schritt erstellen