awesome-repositories.com
المدونة
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

18 مستودعات

Awesome GitHub RepositoriesInteractive Table Components

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.

Awesome Interactive Table Components GitHub Repositories

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • squidfunk/mkdocs-materialالصورة الرمزية لـ squidfunk

    squidfunk/mkdocs-material

    26,949عرض على GitHub↗

    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.

    Pythondocumentationframeworkmaterial-design
    عرض على GitHub↗26,949
  • palantir/blueprintالصورة الرمزية لـ palantir

    palantir/blueprint

    21,836عرض على GitHub↗

    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.

    TypeScriptblueprintcomponentsdesign
    عرض على GitHub↗21,836
  • colorlibhq/gentelellaالصورة الرمزية لـ ColorlibHQ

    ColorlibHQ/gentelella

    21,373عرض على GitHub↗

    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.

    HTMLadminadmin-dashboardadmin-dashboard-template
    عرض على GitHub↗21,373
  • longbridge/gpui-componentالصورة الرمزية لـ longbridge

    longbridge/gpui-component

    11,793عرض على GitHub↗

    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.

    Rustdesktop-applicationgpuirust
    عرض على GitHub↗11,793
  • juce-framework/juceالصورة الرمزية لـ juce-framework

    juce-framework/JUCE

    8,579عرض على GitHub↗

    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.

    C++aaxauaudio
    عرض على GitHub↗8,579
  • jeecgboot/jimureportالصورة الرمزية لـ jeecgboot

    jeecgboot/jimureport

    8,059عرض على GitHub↗

    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.

    Javaaibibigscreen
    عرض على GitHub↗8,059
  • comcast/react-data-gridالصورة الرمزية لـ Comcast

    Comcast/react-data-grid

    7,637عرض على GitHub↗

    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.

    TypeScriptreactreact-data-grid
    عرض على GitHub↗7,637
  • olifolkerd/tabulatorالصورة الرمزية لـ olifolkerd

    olifolkerd/tabulator

    7,550عرض على GitHub↗

    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.

    JavaScriptajaxcdnjsdata
    عرض على GitHub↗7,550
  • evidence-dev/evidenceالصورة الرمزية لـ evidence-dev

    evidence-dev/evidence

    5,919عرض على GitHub↗

    Renders query results as an interactive data table that can be filtered, sorted, and have columns selected.

    JavaScriptanalyticsbusiness-intelligencedashboard
    عرض على GitHub↗5,919
  • rappasoft/laravel-5-boilerplateالصورة الرمزية لـ rappasoft

    rappasoft/laravel-5-boilerplate

    5,629عرض على GitHub↗

    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.

    PHP
    عرض على GitHub↗5,629
  • lusaxweb/vuesaxالصورة الرمزية لـ lusaxweb

    lusaxweb/vuesax

    5,596عرض على GitHub↗

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

    Supports delegating data processing tasks like filtering, sorting, and pagination to a server-side API.

    Vue
    عرض على GitHub↗5,596
  • huangyanbin/smarttableالصورة الرمزية لـ huangyanbin

    huangyanbin/smartTable

    5,226عرض على GitHub↗

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

    Handles user interaction through cell and header click events and supports pinch-to-zoom navigation.

    Javaandroidandroid-libraryandroid-table
    عرض على GitHub↗5,226
  • yajra/laravel-datatablesالصورة الرمزية لـ yajra

    yajra/laravel-datatables

    4,875عرض على GitHub↗

    هذا المشروع عبارة عن تنفيذ من جانب الخادم لعرض جداول البيانات التفاعلية باستخدام إطار عمل Laravel. يعمل كجسر وواجهة برمجة تطبيقات (API wrapper) تقوم بتعيين استعلامات قاعدة البيانات إلى تنسيق JSON المحدد المطلوب بواسطة المكون الإضافي jQuery DataTables. تركز الأداة على التعامل مع مجموعات البيانات الكبيرة من خلال معالجة الترقيم، والتصفية، والبحث على الخادم بدلاً من تحميل جميع السجلات في المتصفح. تترجم الأداة معلمات طلب HTTP الواردة إلى استعلامات قاعدة بيانات لضمان جلب وتسلسل الصفوف الضرورية فقط. تتضمن مساحة القدرات تعيين البيانات القائم على Eloquent، وحقن البحث التلقائي باستخدام أحرف البدل، وتسلسل كائنات الاستجابة. كما توفر أدوات تشخيصية لتصحيح استعلامات قاعدة البيانات عن طريق إلحاق عبارات SQL المنفذة باستجابات API. توفر الحزمة أدوات متكاملة لتصدير البيانات وتحرير الجداول التفاعلية.

    Ships interactive table components featuring integrated editors and data export utilities.

    PHP
    عرض على GitHub↗4,875
  • pythonguis/pythonguis-examplesالصورة الرمزية لـ pythonguis

    pythonguis/pythonguis-examples

    4,602عرض على GitHub↗

    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.

    Pythondesktopdesktop-applicationexample-app
    عرض على GitHub↗4,602
  • mckinsey/vizroالصورة الرمزية لـ mckinsey

    mckinsey/vizro

    3,579عرض على GitHub↗

    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.

    Pythondashboarddata-visualizationplotly
    عرض على GitHub↗3,579
  • xaksis/vue-good-tableالصورة الرمزية لـ xaksis

    xaksis/vue-good-table

    2,176عرض على GitHub↗

    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.

    Vuedatatableplugintable
    عرض على GitHub↗2,176
  • react-component/tableالصورة الرمزية لـ react-component

    react-component/table

    1,372عرض على GitHub↗

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

    Facilitates dynamic user interactions like row expansion, click events, and programmatic navigation.

    TypeScript
    عرض على GitHub↗1,372
  • denisraslov/react-spreadsheet-gridالصورة الرمزية لـ denisraslov

    denisraslov/react-spreadsheet-grid

    1,173عرض على GitHub↗

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

    Offers a flexible library for building interactive data tables with support for complex cell interactions and dynamic layouts.

    JavaScriptdata-gridexcelgrid
    عرض على GitHub↗1,173
  1. Home
  2. User Interface & Experience
  3. Interactive Table Components

استكشف الوسوم الفرعية

  • Embedded WidgetsInteractive UI components nested directly within table cells. **Distinct from Interactive Table Components:** Specific to placing interactive widgets (buttons, sliders) inside cells, whereas Interactive Table Components covers broader table behaviors like sorting and filtering.
  • Server-Side Data Table ComponentsReusable Blade components that handle server-side sorting, searching, and pagination for interactive data tables. **Distinct from Interactive Table Components:** Distinct from Interactive Table Components: focuses on server-side data processing via Blade components rather than client-side interactivity.