17 Repos
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 17 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 ist ein Frontend-Framework und eine UI-Komponentenbibliothek für Vue.js-Anwendungen. Es bietet ein anpassbares Designsystem und eine Reihe vorgestylter Benutzeroberflächenelemente, die darauf ausgelegt sind, die Entwicklung von Weboberflächen zu beschleunigen. Das Projekt zeichnet sich durch ein thematisierbares visuelles Toolkit aus, das dynamische Farbanpassungen und serverseitige Stil-Anpassungen unterstützt, um die Markenidentität zu wahren. Es verfügt zudem über eine spezialisierte Datentabellen-Komponente mit integrierter Unterstützung für Inline-Zellenbearbeitung und serverseitige Verarbeitung für Paginierung, Filterung und Sortierung. Die Bibliothek deckt ein breites Spektrum an UI-Funktionen ab, einschließlich eines responsiven Zwölf-Spalten-Rastersystems, umfassender Formularelemente und verschiedener Layout-Tools wie Content-Cards und einklappbare Listen. Sie enthält zudem Navigationsdienstprogramme wie Sidebars und Breadcrumbs sowie eine Reihe von Overlays, einschließlich modaler Dialoge, Systembenachrichtigungen und Tooltips.
Supports delegating data processing tasks like filtering, sorting, and pagination to a server-side API.
smartTable ist eine Datengitter-Komponente und ein Tabellenansicht-Framework für Android. Es fungiert als Annotations-gesteuerte UI-Bibliothek, die Klassen- und Feldmarkierungen verwendet, um Datenmodelle automatisch auf visuelle Spalten abzubilden und Tabelleneigenschaften zu definieren. Das Projekt zeichnet sich durch eine tiefe Excel-Integration aus und bietet Werkzeuge zum Importieren und Exportieren von Daten in und aus Excel-Dateien, wobei Zellformatierung, Stile, Farben und Ausrichtung beibehalten werden. Es verfügt zudem über ein Canvas-basiertes Rendering-System, das komplexe Gitterlayouts mit zusammengeführten Zellen, fixierten Kopfzeilen und Spaltensperren unterstützt. Die Bibliothek deckt ein breites Spektrum an Datenverwaltungsfunktionen ab, einschließlich Sortierung, Aggregation und der Berechnung von Spaltenstatistiken. Sie verwaltet große Datensätze durch virtuelle Paginierung, Zoom-Steuerungen und bedingte Zellformatierung, um Lesbarkeit und Performance zu erhalten. Das Framework ist in Java für Android-Anwendungen implementiert.
Handles user interaction through cell and header click events and supports pinch-to-zoom navigation.
Dieses Projekt ist eine serverseitige Implementierung zum Rendern interaktiver Datentabellen unter Verwendung des Laravel-Frameworks. Es fungiert als Brücke und API-Wrapper, der Datenbankabfragen auf das spezifische JSON-Format abbildet, das vom jQuery DataTables-Plugin benötigt wird. Das Tool konzentriert sich auf die Handhabung großer Datensätze, indem Paginierung, Filterung und Suche auf dem Server verarbeitet werden, anstatt alle Datensätze in den Browser zu laden. Es übersetzt eingehende HTTP-Anfrageparameter in Datenbankabfragen, um sicherzustellen, dass nur die notwendigen Zeilen abgerufen und serialisiert werden. Die Funktionspalette umfasst Eloquent-basiertes Data-Mapping, automatische Wildcard-Suchinjektion und die Serialisierung von Response-Objekten. Es bietet zudem Diagnose-Utilities für das Debugging von Datenbankabfragen, indem ausgeführte SQL-Statements an API-Antworten angehängt werden. Das Paket bietet integrierte Utilities für den Datenexport und die interaktive Tabellenbearbeitung.
Ships interactive table components featuring integrated editors and data export utilities.
Dieses Projekt ist eine Sammlung von Implementierungsmustern und Quellcodebeispielen für den Bau von Desktopanwendungen mit verschiedenen Python-Interface-Bibliotheken. Es bietet Referenzimplementierungen und Architekturmuster für mehrere Frameworks, darunter PyQt, PySide, Tkinter, Kivy und Streamlit. Das Repository zeichnet sich dadurch aus, dass es spezialisierte Beispiele für diverse Interface-Typen bietet, von professioneller Desktop-Software und nativen Fenstern bis hin zu reaktiven webbasierten Daten-Dashboards und Data-Science-Tools. Es enthält spezifisches Referenzmaterial für plattformübergreifende UI-Muster, wie Model-View-Layouts und asynchrone Hintergrundaufgaben-Ausführung. Das Projekt deckt ein breites Spektrum an Funktionen ab, einschließlich Layout-Management, Entwicklung benutzerdefinierter Widgets mit Animationen und GPU-beschleunigtem Rendering für Echtzeit-Visualisierungen. Es demonstriert zudem Datenmanagement-Techniken wie proxybasiertes Filtern und tabellarisches Datenstyling sowie Deployment-Workflows zum Verpacken von Quellcode in verteilbare Executables mit eingebetteten Assets. Die Beispiele adressieren zudem funktionale UI-Komponenten wie Eingabevalidierung, Navigationsmenüs und System-Tray-Integration sowie Sicherheitsimplementierungen für Benutzerauthentifizierung und rollenbasierte Zugriffskontrolle.
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.
Diese Bibliothek ist eine React-Komponente für das Rendering von Hochleistungs-Datengittern. Sie bietet ein strukturiertes Framework zur Anzeige großer Datensätze durch die Nutzung von Fenster-basierter Zeilen-Virtualisierung, die sicherstellt, dass nur der sichtbare Teil der Daten im Document Object Model (DOM) gerendert wird. Die Komponente zeichnet sich durch fortschrittliche Layout- und Navigationsfunktionen aus, einschließlich nativer Unterstützung für Sticky-Header und Spalten, die beim Scrollen verankert bleiben. Entwickler können imperative Kontrolle über den Tabellen-Viewport ausüben, um zu bestimmten Indizes oder Pixel-Offsets zu navigieren, während komplexe Grid-Zustände wie Spaltensichtbarkeit, Sortierung und Zeilenerweiterung über eine zentrale Konfiguration verwaltet werden. Die Bibliothek unterstützt eine breite Palette interaktiver Funktionen, einschließlich benutzerdefiniertem Zell-Rendering, Spalten-Pinning und der Möglichkeit, Zusammenfassungszeilen für aggregierte Daten anzuhängen. Sie verarbeitet dichte Informationssätze durch flexible Spaltenausrichtung, Breitensteuerung und Textkürzung, was die Erstellung interaktiver Tabellen ermöglicht, die auf Benutzerereignisse wie Klicks und Hover reagieren.
Facilitates dynamic user interactions like row expansion, click events, and programmatic navigation.
This project is a high-performance data grid component for React designed to render large datasets within a spreadsheet-style interface. It provides a framework for displaying structured tabular information while enabling complex cell-based interactions and data management tasks. The component distinguishes itself through its support for spreadsheet-like editing workflows, including keyboard-driven navigation and the ability to inject custom components into individual cells. Users can dynamically manage the grid layout by resizing columns and organizing headers, ensuring the interface adapts
Offers a flexible library for building interactive data tables with support for complex cell interactions and dynamic layouts.