nadbm/react-datasheet
React Datasheet
react-datasheet este o componentă de tip grid de date și editor tabelar pentru React, care oferă o interfață interactivă de tip foaie de calcul. Este concepută pentru gestionarea datelor tabelare cu suport integrat pentru editarea celulelor și navigarea prin tastatură.
Proiectul se distinge prin flexibilitatea în randare și structură, permițând înlocuirea elementelor standard de tabel cu markup personalizat, cum ar fi liste sau div-uri. Suportă randarea personalizată a celulelor printr-un sistem de mapare care înlocuiește celulele implicite cu componente specializate bazate pe metadatele celulei.
Componenta acoperă capabilități largi pentru gestionarea datelor tabelare, inclusiv urmărirea stării pentru editări, ștergeri de intervale și lipirea datelor. Oferă, de asemenea, controale pentru comportamentul celulelor, cum ar fi definirea stării read-only și column spanning.
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.
