nadbm/react-datasheet
React Datasheet
react-datasheet ist eine React-Datengitter-Komponente und ein tabellarischer Editor, der eine interaktive Tabellenkalkulations-Schnittstelle bietet. Er ist für die Verwaltung tabellarischer Daten mit integrierter Unterstützung für Zellbearbeitung und Tastaturnavigation konzipiert.
Das Projekt zeichnet sich durch seine Flexibilität in Rendering und Struktur aus, was den Austausch von Standard-Tabellenelementen durch benutzerdefiniertes Markup wie Listen oder Divs ermöglicht. Es unterstützt benutzerdefiniertes Zell-Rendering durch ein Mapping-System, das Standardzellen basierend auf Zellmetadaten durch spezialisierte Komponenten ersetzt.
Die Komponente deckt breite Funktionen für das Management tabellarischer Daten ab, einschließlich Zustandsverfolgung für Bearbeitungen, Bereichslöschungen und das Einfügen von Daten. Sie bietet zudem Steuerelemente für das Zellverhalten, wie z. B. die Definition des Read-Only-Status und das Spanning von Spalten.
Features
- Spreadsheet Interfaces - Provides a React-based UI component that emulates spreadsheet software for structured data entry.
- Tabular Editors - Provides a full-featured spreadsheet-like editor for React with support for bulk data pasting and range deletions.
- Data Grid Components - Ships an Excel-like data grid component for React with cell editing and keyboard navigation.
- Data Change Callbacks - Triggers custom callbacks when users perform edits, range deletions, or data pasting.
- Keyboard Navigation - Implements keyboard-driven focus movement and navigation between cells in a two-dimensional grid.
- Tabular Data Management Interfaces - Provides an interface for managing two-dimensional data arrays via an interactive spreadsheet.
- Reactive Grid Renderers - Provides a reactive data grid with built-in cell editing and keyboard navigation.
- Data Grid Customization - Enables the creation of specialized tables with custom rendering and behavior for complex information.
- Data Tables - Provides a grid system for interacting with tabular datasets featuring custom rendering and state tracking.
- Interactive Cell Rendering - Renders table cells as custom React components for rich interactive elements and specialized inputs.
- Component-Based Cell Rendering - Renders data using custom React components to display specialized inputs and visual indicators.
- Behavioral - Allows attaching arbitrary attributes to cells to control hints, styling, and interactivity.
- UI State Callbacks - Provides callbacks that trigger when the visual state of the data grid changes during cell editing.
- Visual State Reconciliation - Synchronizes the internal data model with the visual table hierarchy through React re-renders.
- Component Overrides - Provides mechanisms to replace default table components with custom implementations for sheets, rows, and cells.
- Grid Cell Configurations - Provides tools for defining the read-only status, span, and placement of individual grid cells.
- Cell Column Spanning - Supports defining column spanning for individual cells via behavioral properties.
- DOM Element Overrides - Allows the underlying spreadsheet markup to be changed to elements like lists or divs.
- Table Layout Engines - Implements layout logic to manage cell spanning and styling based on cell metadata.
- Markup Abstractions - Allows the underlying DOM elements of the grid to be swapped from tables to divs or lists.
