nadbm/react-datasheet
React Datasheet
react-datasheet es un componente de cuadrícula de datos y editor tabular para React que proporciona una interfaz de hoja de cálculo interactiva. Está diseñado para gestionar datos tabulares con soporte integrado para edición de celdas y navegación por teclado.
El proyecto destaca por su flexibilidad en el renderizado y la estructura, permitiendo reemplazar los elementos de tabla estándar con marcado personalizado como listas o divs. Admite el renderizado de celdas personalizado mediante un sistema de mapeo que intercambia las celdas predeterminadas por componentes especializados basados en los metadatos de la celda.
El componente cubre amplias capacidades para la gestión de datos tabulares, incluyendo el seguimiento del estado para ediciones, eliminaciones de rangos y pegado de datos. También proporciona controles para el comportamiento de las celdas, como definir el estado de solo lectura y la expansión de columnas.
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.
