nadbm/react-datasheet
React Datasheet
react-datasheet هو مكون شبكة بيانات React ومحرر جدولي يوفر واجهة جدول بيانات تفاعلية. تم تصميمه لإدارة البيانات الجدولية مع دعم مدمج لتحرير الخلايا والتنقل عبر لوحة المفاتيح.
يتميز المشروع بمرونته في العرض والهيكل، مما يسمح باستبدال عناصر الجدول القياسية بترميز مخصص مثل القوائم أو divs. يدعم عرض الخلايا المخصص من خلال نظام تعيين يستبدل الخلايا الافتراضية بمكونات متخصصة بناءً على بيانات تعريف الخلية.
يغطي المكون قدرات واسعة لإدارة البيانات الجدولية، بما في ذلك تتبع حالة التعديلات، وحذف النطاقات، ولصق البيانات. كما يوفر عناصر تحكم لسلوك الخلية، مثل تحديد حالة القراءة فقط ودمج الأعمدة.
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.
