18 dépôts
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 est un framework frontend et une bibliothèque de composants UI pour les applications Vue.js. Il fournit un système de conception personnalisable et un ensemble d'éléments d'interface utilisateur pré-stylisés conçus pour accélérer le développement d'interfaces web. Le projet se distingue par une boîte à outils visuelle thématisable qui prend en charge les mises à jour de couleurs dynamiques et la personnalisation de style côté serveur pour maintenir l'identité de marque. Il dispose également d'un composant de tableau de données spécialisé avec un support intégré pour l'édition de cellules en ligne et le traitement côté serveur pour la pagination, le filtrage et le tri. La bibliothèque couvre une large surface de capacités UI, incluant un système de grille responsive à douze colonnes, des éléments de formulaire complets et divers outils de mise en page comme des cartes de contenu et des listes repliables. Elle inclut également des utilitaires de navigation tels que des barres latérales et des fils d'ariane, ainsi qu'un éventail de superpositions incluant des boîtes de dialogue modales, des notifications système et des infobulles.
Supports delegating data processing tasks like filtering, sorting, and pagination to a server-side API.
smartTable est un composant de grille de données et un framework de vue de table pour Android. Il fonctionne comme une bibliothèque d'interface utilisateur pilotée par annotations qui utilise des marqueurs de classe et de champ pour mapper automatiquement les modèles de données vers des colonnes visuelles et définir les propriétés de table. Le projet se distingue par une intégration profonde avec les feuilles de calcul, fournissant des outils pour importer et exporter des données vers et depuis des fichiers Excel tout en préservant le formatage des cellules, les styles, les couleurs et l'alignement. Il dispose également d'un système de rendu basé sur le canvas qui prend en charge des mises en page de grille complexes avec des cellules fusionnées, des en-têtes figés et le verrouillage de colonnes. La bibliothèque couvre un large éventail de capacités de gestion de données, incluant le tri, l'agrégation et le calcul de statistiques de colonne. Elle gère de grands jeux de données via la pagination virtuelle, les contrôles de zoom et le formatage conditionnel des cellules pour maintenir la lisibilité et la performance. Le framework est implémenté en Java pour les applications Android.
Handles user interaction through cell and header click events and supports pinch-to-zoom navigation.
Ce projet est une implémentation côté serveur pour le rendu de tableaux de données interactifs utilisant le framework Laravel. Il agit comme un pont et un wrapper d'API qui mappe les requêtes de base de données au format JSON spécifique requis par le plugin jQuery DataTables. L'outil se concentre sur la gestion de grands jeux de données en traitant la pagination, le filtrage et la recherche côté serveur plutôt que de charger tous les enregistrements dans le navigateur. Il traduit les paramètres de requête HTTP entrants en requêtes de base de données pour garantir que seules les lignes nécessaires sont récupérées et sérialisées. La surface de capacité inclut le mappage de données basé sur Eloquent, l'injection automatique de recherche par caractères génériques et la sérialisation d'objets de réponse. Il fournit également des utilitaires de diagnostic pour le débogage des requêtes de base de données en ajoutant les instructions SQL exécutées aux réponses de l'API. Le package fournit des utilitaires intégrés pour l'exportation de données et l'édition interactive de tableaux.
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.
Cette bibliothèque est un composant React conçu pour le rendu de grilles de données haute performance. Elle fournit un framework structuré pour afficher de grands jeux de données en utilisant la virtualisation des lignes basée sur la fenêtre, ce qui garantit que seule la portion visible des données est rendue dans le modèle objet du document (DOM). Le composant se distingue par des capacités avancées de mise en page et de navigation, incluant la prise en charge native des en-têtes et colonnes fixes qui restent ancrés pendant le défilement. Les développeurs peuvent exercer un contrôle impératif sur la fenêtre d'affichage de la table pour naviguer vers des indices ou des décalages de pixels spécifiques, tout en gérant des états de grille complexes tels que la visibilité des colonnes, le tri et l'expansion des lignes via une configuration centralisée. La bibliothèque prend en charge un large éventail de fonctionnalités interactives, incluant le rendu de cellules personnalisé, l'épinglage de colonnes et la possibilité d'ajouter des lignes de résumé pour les données agrégées. Elle gère les jeux d'informations denses en offrant un alignement de colonne flexible, un contrôle de largeur et une troncature de texte, permettant la création de tables interactives qui répondent aux événements utilisateur comme les clics et les survol de souris.
Facilitates dynamic user interactions like row expansion, click events, and programmatic navigation.
Ce projet est un composant de grille de données haute performance pour React, conçu pour rendre de grands jeux de données au sein d'une interface de type tableur. Il fournit un framework pour afficher des informations tabulaires structurées tout en permettant des interactions complexes basées sur les cellules et des tâches de gestion de données. Le composant se distingue par sa prise en charge des flux de travail d'édition de type tableur, incluant la navigation au clavier et la possibilité d'injecter des composants personnalisés dans des cellules individuelles. Les utilisateurs peuvent gérer dynamiquement la mise en page de la grille en redimensionnant les colonnes et en organisant les en-têtes, garantissant que l'interface s'adapte aux besoins spécifiques de visualisation de données. La grille inclut des capacités pour gérer de grands volumes d'informations via le rendu fenêtré et le chargement paresseux (lazy loading), qui maintiennent les performances en ne traitant que le sous-ensemble visible de données. Elle offre également un contrôle impératif via des références de composants, permettant la manipulation programmatique des positions de défilement et des états de sélection.
Offers a flexible library for building interactive data tables with support for complex cell interactions and dynamic layouts.