18 مستودعات
UI elements that provide dynamic functionality like sorting, filtering, or pagination for tabular data.
Distinguishing note: Focuses on the interactive UI behavior of tables rather than the underlying data storage or structure.
Explore 18 awesome GitHub repositories matching user interface & experience · Interactive Table Components. Refine with filters or upvote what's useful.
This project is a comprehensive documentation site framework and static site generator theme designed to transform markdown files into professional, responsive websites. It functions as a technical content platform that supports complex documentation projects, including multi-project management, blog workflows, and advanced content formatting. By processing source files through an extensible pipeline, it generates self-contained HTML sites that can be hosted on any web server without a database. What distinguishes this framework is its focus on developer experience and highly configurable bui
The documentation generator enables interactive column sorting for data tables by integrating a third-party library via additional JavaScript configuration.
Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a
Ships high-performance interactive data grids that allow for sorting and manipulation of large datasets.
Gentelella is a collection of pre-configured interface templates and a component library designed for building administration panels, data dashboards, and internal management consoles. It provides a Bootstrap 5 based framework that includes accessible web interface templates and PWA-ready dashboard shells. The project features specialized templates for data visualization, utilizing modular chart factories to render line, bar, radar, and heatmap visualizations. It includes a set of ready-to-use interface elements for enterprise prototyping, such as kanban boards, file managers, and interactive
Includes interactive data table components with built-in support for sorting, searching, pagination, and data export.
gpui-component is a native desktop UI kit and component library built for the GPUI framework. It provides a collection of reusable user interface elements, a desktop layout engine for organizing application space, and a specialized data visualization library for rendering quantitative information. The project is distinguished by its high-performance rendering systems, including a virtualized data grid and list system designed to handle large datasets with low memory overhead. It also features a comprehensive data visualization toolkit for rendering charts, axes, and coordinate scales using li
Handles user interaction for data grids including sorting, filtering, and column reconfiguration.
JUCE is a comprehensive C++ audio framework and digital signal processing library used to build cross-platform audio applications, audio plug-ins, and high-performance user interfaces. It serves as a development kit for creating audio processors compatible with industry-standard plugin formats for digital audio workstations, as well as a tool for MIDI and Open Sound Control communication between musical hardware and software. The framework is distinguished by its ability to maintain a single codebase for native desktop and mobile applications across multiple operating systems. It provides a f
Provides the ability to place interactive components like buttons or sliders directly inside table cells.
JimuReport is an open-source reporting and dashboard engine designed to be embedded directly into Spring Boot applications. Its core identity centers on generating data reports and full-screen dashboards from natural language descriptions, eliminating the need for manual design. The platform also provides a conversational query interface that translates plain-language questions into database queries, returning results as tables and charts without requiring SQL knowledge. What distinguishes JimuReport is its integration of AI skills that can be installed with a single command, enabling report
Includes scrolling, ranking, and standard table components for displaying detailed data within a dashboard.
react-data-grid is a high-performance table component for React designed to render large datasets using virtualization. It functions as a virtualizing data table that optimizes memory and performance by rendering only the rows and columns currently visible on the screen. The project provides a customizable spreadsheet interface featuring cell editing, column resizing, and pinned rows. It also acts as a hierarchical data grid, supporting row grouping and tree structures to organize complex nested information. The grid covers wide-ranging data management and display capabilities, including mul
Implements interactive table components with dynamic cell editing, column resizing, and row selection.
Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure
Provides an interactive table library for creating dynamic grids with sorting, filtering, and pagination.
Renders query results as an interactive data table that can be filtered, sorted, and have columns selected.
This is a pre-built Laravel application scaffolding that provides a ready-to-use administration interface with user, role, and permission management out of the box. It serves as a foundation for building backend applications, offering an authorization system that assigns and restricts user actions through roles and permissions using a dedicated package. The boilerplate includes a multilingual interface with over 20 built-in language translations and timezone-aware date display for global audiences. It also provides a two-factor authentication implementation that adds an extra security layer d
Delivers interactive data tables with server-side sorting, searching, and pagination via reusable Blade components.
Vuesax هو إطار عمل للواجهة الأمامية ومكتبة مكونات واجهة مستخدم لتطبيقات Vue.js. يوفر نظام تصميم قابلاً للتخصيص ومجموعة من عناصر واجهة المستخدم المصممة مسبقاً لتسريع تطوير واجهات الويب. يتميز المشروع بمجموعة أدوات بصرية قابلة للسمات تدعم تحديثات الألوان الديناميكية وتخصيص الأنماط من جانب الخادم للحفاظ على هوية العلامة التجارية. يتميز أيضاً بمكون جدول بيانات متخصص مع دعم مدمج للتحرير داخل الخلية والمعالجة من جانب الخادم للترقيم والتصفية والفرز. تغطي المكتبة سطحاً واسعاً من قدرات واجهة المستخدم، بما في ذلك نظام شبكة من اثني عشر عموداً مستجيباً، وعناصر نموذج شاملة، وأدوات تخطيط متنوعة مثل بطاقات المحتوى والقوائم القابلة للطي. كما تتضمن أدوات تنقل مثل الأشرطة الجانبية وفتات الخبز، بالإضافة إلى مجموعة من التراكبات بما في ذلك مربعات حوار مشروطة، وإشعارات النظام، وتلميحات الأدوات.
Supports delegating data processing tasks like filtering, sorting, and pagination to a server-side API.
smartTable هو مكون شبكة بيانات وإطار عمل عرض جدول لنظام Android. يعمل كمكتبة واجهة مستخدم قائمة على التعليقات التوضيحية تستخدم علامات الفئة والحقل لتعيين نماذج البيانات تلقائياً إلى أعمدة مرئية وتعريف خصائص الجدول. يتميز المشروع بدمج عميق لجداول البيانات، حيث يوفر أدوات لاستيراد وتصدير البيانات من وإلى ملفات Excel مع الحفاظ على تنسيق الخلايا، والأنماط، والألوان، والمحاذاة. كما يتميز بنظام عرض قائم على Canvas يدعم تخطيطات شبكة معقدة مع خلايا مدمجة، ورؤوس مجمدة، وقفل الأعمدة. تغطي المكتبة مجموعة واسعة من قدرات إدارة البيانات، بما في ذلك الفرز، والتجميع، وحساب إحصائيات الأعمدة. تدير مجموعات البيانات الكبيرة من خلال الترقيم الافتراضي، وعناصر التحكم في التكبير، وتنسيق الخلايا الشرطي للحفاظ على القراءة والأداء. تم تنفيذ إطار العمل بلغة Java لتطبيقات Android.
Handles user interaction through cell and header click events and supports pinch-to-zoom navigation.
هذا المشروع عبارة عن تنفيذ من جانب الخادم لعرض جداول البيانات التفاعلية باستخدام إطار عمل Laravel. يعمل كجسر وواجهة برمجة تطبيقات (API wrapper) تقوم بتعيين استعلامات قاعدة البيانات إلى تنسيق JSON المحدد المطلوب بواسطة المكون الإضافي jQuery DataTables. تركز الأداة على التعامل مع مجموعات البيانات الكبيرة من خلال معالجة الترقيم، والتصفية، والبحث على الخادم بدلاً من تحميل جميع السجلات في المتصفح. تترجم الأداة معلمات طلب HTTP الواردة إلى استعلامات قاعدة بيانات لضمان جلب وتسلسل الصفوف الضرورية فقط. تتضمن مساحة القدرات تعيين البيانات القائم على Eloquent، وحقن البحث التلقائي باستخدام أحرف البدل، وتسلسل كائنات الاستجابة. كما توفر أدوات تشخيصية لتصحيح استعلامات قاعدة البيانات عن طريق إلحاق عبارات SQL المنفذة باستجابات API. توفر الحزمة أدوات متكاملة لتصدير البيانات وتحرير الجداول التفاعلية.
Ships interactive table components featuring integrated editors and data export utilities.
This project is a collection of implementation patterns and source code examples for building desktop applications using various Python interface libraries. It provides reference implementations and architectural patterns for multiple frameworks, including PyQt, PySide, Tkinter, Kivy, and Streamlit. The repository distinguishes itself by offering specialized examples for diverse interface types, ranging from professional desktop software and native windows to reactive web-based data dashboards and data science tools. It includes specific reference material for cross-platform UI patterns, such
Ships mechanisms for nesting interactive components like combo boxes directly within tabular cells using delegates.
Vizro is a low-code Python framework for building production-ready data visualization applications. It functions as a UI orchestrator that allows users to define multi-page analytical dashboards through structured configurations in Python, YAML, or JSON, reducing the need for extensive frontend engineering. The project distinguishes itself through generative AI integration, utilizing a model context protocol server to translate natural language descriptions into validated dashboard configurations, charts, and layouts. It also features a decoupled data cataloging system that separates data sou
Provides interactive table components supporting dynamic sorting, filtering, and searching of datasets.
This project is a feature-rich data grid component designed for Vue applications. It provides a flexible interface for rendering, managing, and manipulating structured information, offering built-in support for essential tabular operations such as sorting, filtering, pagination, and row selection. The library distinguishes itself through its highly extensible architecture, which allows developers to override default rendering for cells, headers, and pagination controls using scoped slots. It supports complex data workflows by enabling hierarchical organization through collapsible row grouping
Executes custom functions whenever users interact with table rows, search bars, filters, or sorting controls to synchronize state with external data sources.
هذه المكتبة عبارة عن مكون React مصمم لعرض شبكات البيانات عالية الأداء. توفر إطار عمل منظماً لعرض مجموعات البيانات الكبيرة باستخدام افتراضية الصفوف القائمة على النافذة، مما يضمن عرض الجزء المرئي فقط من البيانات في نموذج كائن المستند. يتميز المكون بقدرات تخطيط وتنقل متقدمة، بما في ذلك دعم أصلي للرؤوس والأعمدة الثابتة التي تظل مثبتة أثناء التمرير. يمكن للمطورين ممارسة تحكم إلزامي على منفذ عرض الجدول للانتقال إلى فهارس أو إزاحات بكسل محددة، مع إدارة حالات الشبكة المعقدة مثل رؤية الأعمدة، والفرز، وتوسيع الصفوف من خلال تكوين مركزي. تدعم المكتبة مجموعة واسعة من الميزات التفاعلية، بما في ذلك عرض الخلايا المخصص، وتثبيت الأعمدة، والقدرة على إلحاق صفوف ملخصة للبيانات المجمعة. تتعامل المكتبة مع مجموعات المعلومات الكثيفة من خلال توفير محاذاة مرنة للأعمدة، والتحكم في العرض، واقتطاع النص، مما يسمح بإنشاء جداول تفاعلية تستجيب لأحداث المستخدم مثل النقرات والتحويم.
Facilitates dynamic user interactions like row expansion, click events, and programmatic navigation.
هذا المشروع عبارة عن مكون شبكة بيانات عالي الأداء لـ React مصمم لعرض مجموعات البيانات الكبيرة داخل واجهة نمط جدول البيانات. يوفر إطار عمل لعرض المعلومات الجدولية المهيكلة مع تمكين تفاعلات معقدة قائمة على الخلايا ومهام إدارة البيانات. يتميز المكون بدعمه لسير عمل التحرير الشبيه بجدول البيانات، بما في ذلك التنقل القائم على لوحة المفاتيح والقدرة على حقن مكونات مخصصة في خلايا فردية. يمكن للمستخدمين إدارة تخطيط الشبكة ديناميكياً عن طريق تغيير حجم الأعمدة وتنظيم الرؤوس، مما يضمن تكيف الواجهة مع احتياجات تصور البيانات المحددة. تتضمن الشبكة قدرات للتعامل مع كميات كبيرة من المعلومات من خلال العرض في النوافذ (windowed rendering) والتحميل الكسول، والتي تحافظ على الأداء عن طريق معالجة المجموعة الفرعية المرئية فقط من البيانات. كما توفر تحكماً إلزامياً من خلال مراجع المكونات، مما يسمح بالتلاعب البرمجي بمواضع التمرير وحالات التحديد.
Offers a flexible library for building interactive data tables with support for complex cell interactions and dynamic layouts.