Awesome GitHub RepositoriesData Grid Customization

DBeaver is a universal database client and administration environment designed for managing diverse relational and non-relational database systems. It provides a unified graphical interface that enables users to perform data manipulation, schema migration, and performance monitoring across multiple platforms. By utilizing a standardized driver abstraction layer, the application translates generic requests into database-specific commands, ensuring consistent interaction regardless of the underlying technology. The project distinguishes itself through an extensible, plugin-based architecture th

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

ngx-datatable هو مكون جدول بيانات غني بالميزات لتطبيقات Angular مصمم لعرض وإدارة مجموعات البيانات الكبيرة. يعمل كشبكة بيانات قابلة للتخصيص تدعم الفرز، والترقيم، واستخدام قوالب Angular المخصصة لتنسيق خلايا البيانات. يتميز المكون بشبكة التمرير الافتراضي عالية الأداء، والتي تعرض فقط الصفوف المرئية لتحسين استخدام الذاكرة و CPU. يوفر واجهة تفاعلية لإدارة البيانات من خلال اختيار الصفوف، وإعادة ترتيب الأعمدة، وعروض التفاصيل القابلة للتوسيع. يغطي المشروع مجموعة واسعة من القدرات بما في ذلك إدارة الأعمدة للتثبيت وتغيير الحجم، والفرز متعدد الأعمدة، والتكامل من جانب الخادم لجلب البيانات عن بُعد. كما يتضمن تخصيصات على مستوى الصف مثل التنسيق الديناميكي، ومكونات الصف المخصصة، وأنماط الاختيار المرنة. تشمل ميزات الأداة الإضافية توطين رسائل الجدول وتطبيق السمات المخصصة عبر CSS.

Fixed-data-table is a React component library designed for rendering large datasets within structured, scrollable grid interfaces. It functions as a virtualized table, optimizing performance by rendering only the rows currently visible within the viewport. The library distinguishes itself through its focus on maintaining context during navigation, utilizing fixed-header layouts and synchronized scroll state management. It employs index-based data access to map information to specific grid coordinates, allowing for modular cell customization and flexible column configuration. The component su

هذه المكتبة عبارة عن مكون React مصمم لعرض شبكات البيانات عالية الأداء. توفر إطار عمل منظماً لعرض مجموعات البيانات الكبيرة باستخدام افتراضية الصفوف القائمة على النافذة، مما يضمن عرض الجزء المرئي فقط من البيانات في نموذج كائن المستند. يتميز المكون بقدرات تخطيط وتنقل متقدمة، بما في ذلك دعم أصلي للرؤوس والأعمدة الثابتة التي تظل مثبتة أثناء التمرير. يمكن للمطورين ممارسة تحكم إلزامي على منفذ عرض الجدول للانتقال إلى فهارس أو إزاحات بكسل محددة، مع إدارة حالات الشبكة المعقدة مثل رؤية الأعمدة، والفرز، وتوسيع الصفوف من خلال تكوين مركزي. تدعم المكتبة مجموعة واسعة من الميزات التفاعلية، بما في ذلك عرض الخلايا المخصص، وتثبيت الأعمدة، والقدرة على إلحاق صفوف ملخصة للبيانات المجمعة. تتعامل المكتبة مع مجموعات المعلومات الكثيفة من خلال توفير محاذاة مرنة للأعمدة، والتحكم في العرض، واقتطاع النص، مما يسمح بإنشاء جداول تفاعلية تستجيب لأحداث المستخدم مثل النقرات والتحويم.

هذه المكتبة عبارة عن مكون شبكة بيانات عالي الأداء لتطبيقات React، مصمم لإدارة وعرض مجموعات البيانات الكبيرة. يوفر نظام تكوين تعريفياً يسمح للمطورين بتحديد هياكل الجدول، ومصادر البيانات، ومفاتيح تبديل الميزات من خلال مخطط كائن منظم. تتميز المكتبة بمحرك تخطيط مرن يدعم متطلبات واجهة المستخدم المعقدة، مثل تثبيت الرؤوس وأعمدة محددة بحواف إطار العرض أثناء التمرير. تستخدم العرض الافتراضي للحفاظ على استجابة الواجهة من خلال عرض المجموعة الفرعية المرئية فقط من البيانات، مما يضمن أداءً متسقاً بغض النظر عن إجمالي عدد العناصر. بعيداً عن قدرات التخطيط والأداء الأساسية، يوفر المشروع خيارات تخصيص واسعة النطاق. يمكن للمطورين حقن مكونات React مخصصة لتحديد مظهر وسلوك الخلايا الفردية وتطبيق أنماط مرئية من خلال متغيرات CSS ذات النطاق، مما يسمح بعرض بيانات مخصص دون تعديل منطق المكون الداخلي.