react-component/table
Table
هذه المكتبة عبارة عن مكون React مصمم لعرض شبكات البيانات عالية الأداء. توفر إطار عمل منظماً لعرض مجموعات البيانات الكبيرة باستخدام افتراضية الصفوف القائمة على النافذة، مما يضمن عرض الجزء المرئي فقط من البيانات في نموذج كائن المستند.
يتميز المكون بقدرات تخطيط وتنقل متقدمة، بما في ذلك دعم أصلي للرؤوس والأعمدة الثابتة التي تظل مثبتة أثناء التمرير. يمكن للمطورين ممارسة تحكم إلزامي على منفذ عرض الجدول للانتقال إلى فهارس أو إزاحات بكسل محددة، مع إدارة حالات الشبكة المعقدة مثل رؤية الأعمدة، والفرز، وتوسيع الصفوف من خلال تكوين مركزي.
تدعم المكتبة مجموعة واسعة من الميزات التفاعلية، بما في ذلك عرض الخلايا المخصص، وتثبيت الأعمدة، والقدرة على إلحاق صفوف ملخصة للبيانات المجمعة. تتعامل المكتبة مع مجموعات المعلومات الكثيفة من خلال توفير محاذاة مرنة للأعمدة، والتحكم في العرض، واقتطاع النص، مما يسمح بإنشاء جداول تفاعلية تستجيب لأحداث المستخدم مثل النقرات والتحويم.
Features
- High Performance Table Rendering - Implements high-performance virtualized rendering to display large tabular datasets smoothly within the browser.
- Data Grid Components - The library presents structured information in a grid format with support for custom column definitions, cell rendering, and flexible layout configurations to suit various data types.
- Window-Based Virtualizers - Implements window-based row virtualization to render only visible data, ensuring high performance with large datasets.
- Data Grid Components - Ships a high-performance React component for rendering complex, virtualized data grids.
- Large Dataset Optimizations - Optimizes performance for large datasets by rendering only the visible portion of the data.
- Virtualized Rendering - Uses virtualized rendering to maintain smooth scrolling performance when handling large data sets.
- Data Grid Customization - Provides a comprehensive framework for building complex, interactive data grids in React applications.
- Data Table State Managers - Manages complex grid states like sorting, visibility, and expansion through a centralized configuration object.
- Column Pinning - Enables locking specific columns to the viewport edges to maintain context while scrolling.
- Row Detail Expansion - Enables row expansion to reveal nested information for specific records.
- Table Scrolling Controls - Offers programmatic commands to navigate the table view to specific rows or offsets.
- Interactive Table Components - Facilitates dynamic user interactions like row expansion, click events, and programmatic navigation.
- Layout Positioning Utilities - Uses native browser sticky positioning to anchor headers and columns during scroll interactions.
- Complex Table Builders - Supports complex layouts with sticky headers, fixed columns, and nested row details for dense information.
- Imperative Scroll Controllers - Provides imperative APIs to programmatically scroll the viewport to specific indices or pixel offsets.
- Summary Rows - Provides specialized rows for displaying aggregate totals or summary information that can remain fixed or scroll with the table content.
- Component-Based Cell Rendering - Allows developers to inject custom React components into grid cells for flexible and complex data visualization.
