React Spreadsheet
Der offizielle deklarative React-Wrapper für DHTMLX Spreadsheet. Erstellen Sie Tabellen-UIs mit einer komponentenbasierten API: Übergeben Sie Daten als Props, reagieren Sie auf Änderungen über Event-Callbacks und greifen Sie bei Bedarf über eine Ref auf das zugrundeliegende Widget zu.
Erste Schritte
- Installation - Evaluierungs- oder kommerzielles Paket installieren
- Schnellstart - Ihre erste Tabellenanwendung Schritt für Schritt erstellen
- Online-Beispiele - Live-Demos der React Spreadsheet-Funktionen ansehen
Info
Sie können auch das GitHub-Demo-Repository für ein vollständiges funktionsfähiges Beispiel erkunden.
API-Referenz
- Props-Referenz - alle Komponenten-Props mit Typen und Standardwerten
- Events-Referenz - Event-Callback-Props nach Kategorie gruppiert
- Typen-Referenz - TypeScript-Interfaces, Enums und Typ-Aliase
Datenmodell
Die sheets-Prop ist die einzige Datenquelle für alle Tabellendaten. Jedes Tabellenblatt ist ein SheetData-Objekt, das Zellen, Zeilen-/Spaltenkonfiguration, verbundene Bereiche, fixierte Fenster, Filter und Sortierung enthält.
Zustandsverwaltung
Erfahren Sie, wie Sie Tabellendaten mit Ihrem Anwendungszustand synchronisieren:
- Grundlagen der Zustandsverwaltung - kontrollierte Props, Event-Callbacks, der Ref-Notausgang
- Redux Toolkit - schrittweise Integrationsanleitung
Framework-Integrationen
- Next.js - React Spreadsheet mit dem Next.js App Router verwenden
Theming und Lokalisierung
- Themes - integrierte Themes und benutzerdefinierte CSS-Überschreibungen
- Lokalisierung - UI-Übersetzungen und Zahlen-/Datumsformatierung