awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

21 dépôts

Awesome GitHub RepositoriesData Grids

Interactive tabular components for displaying and editing structured data.

Distinguishing note: No existing UI component taxonomy found in shortlist.

Explore 21 awesome GitHub repositories matching user interface & experience · Data Grids. Refine with filters or upvote what's useful.

Awesome Data Grids GitHub Repositories

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • brillout/awesome-react-componentsAvatar de brillout

    brillout/awesome-react-components

    47,788Voir sur GitHub↗

    This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com

    Provides editable spreadsheet-like interfaces for data management.

    awesomeawesome-listreact
    Voir sur GitHub↗47,788
  • tabler/tablerAvatar de tabler

    tabler/tabler

    41,180Voir sur GitHub↗

    Tabler is a comprehensive UI framework designed for building responsive, data-heavy administrative panels and enterprise web applications. It provides a unified collection of pre-styled components and layout patterns that allow developers to construct complex dashboard interfaces using a consistent design system. The project distinguishes itself through a metadata-driven approach to interactivity, where complex component behaviors and state transitions are initialized by parsing configuration attributes directly from HTML elements. This allows for the creation of interactive interfaces withou

    Provides a grid layout for presenting detailed information by pairing titles with content.

    HTMLadmin-dashboardadminpanelboilerplate-template
    Voir sur GitHub↗41,180
  • fyne-io/fyneAvatar de fyne-io

    fyne-io/fyne

    27,941Voir sur GitHub↗

    Fyne is a cross-platform graphical user interface toolkit for the Go programming language. It provides a comprehensive framework for building native applications that run on desktop, mobile, and web environments from a single codebase. The toolkit centers on a canvas-based rendering engine and a device-independent layout engine, ensuring that visual elements maintain consistent dimensions and behavior across diverse operating systems and screen densities. The project distinguishes itself through a reactive data-binding system that automatically synchronizes application state with interface co

    Renders monospaced character grids optimized for text editors and terminal-style interfaces.

    Goandroidcross-platformfyne
    Voir sur GitHub↗27,941
  • handsontable/handsontableAvatar de handsontable

    handsontable/handsontable

    21,947Voir sur GitHub↗

    Handsontable is a JavaScript data grid that provides a spreadsheet-like interface for managing and editing large datasets within web applications. It functions as a virtualized data table that renders only visible cells to maintain performance, paired with a synchronization layer that binds the grid to underlying data structures. The project distinguishes itself through a built-in spreadsheet calculation engine for evaluating mathematical and logical expressions and a dedicated tool for exporting grid content into Excel XLSX files. It ensures interoperability with external spreadsheet softwar

    Provides a high-performance, interactive JavaScript data grid with a spreadsheet-like interface.

    JavaScriptangular-datagridangular-tablecomponent
    Voir sur GitHub↗21,947
  • krayin/laravel-crmAvatar de krayin

    krayin/laravel-crm

    21,404Voir sur GitHub↗

    This project is a modular, open-source customer relationship management platform built on the Laravel framework. It serves as a comprehensive business application framework designed for tracking sales pipelines, managing business entities, and automating marketing workflows. By providing a self-hosted solution, it enables organizations to maintain full control over their contact data, sales leads, and communication history. The platform distinguishes itself through a highly extensible architecture that allows developers to modify core behavior without altering the underlying source code. It u

    Provides namespaced data grid components to prevent request parameter conflicts on single-page interfaces.

    PHPcrmcrm-multi-tenant-saascrm-platform
    Voir sur GitHub↗21,404
  • ag-grid/ag-gridAvatar de ag-grid

    ag-grid/ag-grid

    15,412Voir sur GitHub↗

    AG Grid is a JavaScript data grid library designed for rendering and manipulating large datasets within web applications. It functions as a comprehensive toolset for building interactive tables that support complex data visualization, enabling the display of massive volumes of information while maintaining responsive user interactions. The library distinguishes itself through a column-oriented layout engine and a plugin-based architecture that allows for modular extensions. It utilizes a cell-based component lifecycle and an expression-based evaluation engine to manage data updates and format

    A high-performance JavaScript component for rendering large datasets in interactive tables with complex sorting and filtering.

    TypeScriptangularangular-gridangular-table
    Voir sur GitHub↗15,412
  • myliang/x-spreadsheetAvatar de myliang

    myliang/x-spreadsheet

    14,601Voir sur GitHub↗

    x-spreadsheet is an HTML5 canvas spreadsheet component and web-based data grid designed for high-performance data display and cell manipulation. It serves as an interactive web component that allows users to manage structured data within a browser-based interface. The project includes an XLSX file serializer that imports and exports spreadsheet state using binary XML formats compatible with Excel. It also features a locale-aware UI framework that translates interface labels and date formats through configurable language objects. The component covers a broad range of capabilities including fo

    Ships an interactive tabular interface supporting real-time editing and row-column manipulation.

    JavaScriptcanvases6excel
    Voir sur GitHub↗14,601
  • wenzhixin/bootstrap-tableAvatar de wenzhixin

    wenzhixin/bootstrap-table

    11,820Voir sur GitHub↗

    Bootstrap Table is a jQuery plugin for rendering interactive data grids with sorting, pagination, and filtering. It features a remote data integration system for fetching and synchronizing content from JSON endpoints using AJAX and server-side processing. The project includes a styling layer that adapts markup to work with various CSS frameworks, such as Bootstrap, Semantic UI, Bulma, and Material Design. It provides specialized rendering modes, including a hierarchical tree grid for parent-child row relationships and a responsive card-view table that transforms grids into mobile-friendly lay

    Renders structured information using a hierarchical tree grid with expandable and collapsible parent-child relationships.

    JavaScriptbootstrapbootstrap-tablebulma
    Voir sur GitHub↗11,820
  • gui-cs/terminal.guiAvatar de gui-cs

    gui-cs/Terminal.Gui

    11,068Voir sur GitHub↗

    Terminal.Gui is a cross-platform .NET toolkit for building interactive text-based user interfaces. It provides a component-based architecture, a terminal rendering engine, and a declarative layout system to create console applications that run consistently across Windows, macOS, and Linux. The framework distinguishes itself with a comprehensive set of interactive console widgets, including data grids, hex editors, and hierarchical tree components. It supports advanced visual capabilities such as 24-bit True Color, Sixel image support, and a relative-coordinate layout system that adapts to ter

    Provides a high-performance tabular data display supporting infinite scrolling and customizable data sources.

    C#consoleconsole-applicationcross-platform
    Voir sur GitHub↗11,068
  • x-extends/vxe-tableAvatar de x-extends

    x-extends/vxe-table

    8,595Voir sur GitHub↗

    vxe-table is a high-performance data table component and UI library for Vue, designed for building data-heavy applications. It functions as a virtualized data grid and spreadsheet UI framework capable of rendering millions of rows by mounting only the visible elements of a dataset. The project distinguishes itself through spreadsheet-like functionality, including cell selection, copy-paste support, and the generation of cross-tabulated pivot tables. It also provides specialized tools for managing complex data hierarchies using virtual trees, row grouping, and cell merging. The library covers

    Provides interactive tabular components with built-in sorting, filtering, and resizable columns.

    TypeScriptcellcheckboxeditable
    Voir sur GitHub↗8,595
  • charmbracelet/bubblesAvatar de charmbracelet

    charmbracelet/bubbles

    7,796Voir sur GitHub↗

    Bubbles is a terminal user interface toolkit and component library providing a set of pre-built, reusable widgets for creating interactive command-line applications. It functions as a framework for building complex tools that require real-time updates and keyboard navigation. The library includes a variety of specialized interface elements such as fuzzy-filterable item lists, single-line and multi-line text inputs, and tabular data grids. It also provides visual feedback components including animated loading spinners, progress meters, countdown timers, and stopwatches. Additional capabilitie

    Ships an interactive tabular data grid for displaying and navigating structured data in the terminal.

    Goclielm-architecturehacktoberfest
    Voir sur GitHub↗7,796
  • adazzle/react-data-gridAvatar de adazzle

    adazzle/react-data-grid

    7,637Voir sur GitHub↗

    react-data-grid is a high-performance tabular interface for rendering and manipulating large datasets within a React application. It functions as a virtualized data table and editable spreadsheet component that supports hierarchical data grids with expandable and collapsible row groupings. The component maintains performance with massive datasets by rendering only the rows and columns currently visible in the viewport. It provides spreadsheet-like data manipulation, including cell editing and the ability to copy, paste, or drag values between cells. The grid supports advanced layout capabili

    Provides a high-performance interactive tabular component for rendering and manipulating large datasets in React.

    TypeScript
    Voir sur GitHub↗7,637
  • dc-js/dc.jsAvatar de dc-js

    dc-js/dc.js

    7,431Voir sur GitHub↗

    dc.js is a multi-dimensional analysis tool and visualization framework used to build interactive data dashboards. It functions as a charting library that renders diverse SVG visualizations powered by D3 and integrates natively with Crossfilter to enable coordinated filtering across large datasets. The project is distinguished by its linked-view coordination, where selecting a data range or category in one chart simultaneously updates all other connected views. This allows for dynamic data exploration through dimensional chart linking and coordinated brushing, transforming raw datasets into na

    Provides interactive tabular components for displaying and editing structured data using custom HTML templates.

    JavaScript
    Voir sur GitHub↗7,431
  • jspreadsheet/ceAvatar de jspreadsheet

    jspreadsheet/ce

    7,186Voir sur GitHub↗

    This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component. The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ

    Provides a full-featured interactive tabular component for displaying and editing structured data.

    JavaScriptdata-griddatagriddatatables
    Voir sur GitHub↗7,186
  • uber/h3Avatar de uber

    uber/h3

    6,015Voir sur GitHub↗

    H3 is an open-source library that provides a hierarchical hexagonal grid system for geospatial indexing. It projects the Earth onto an icosahedron and tiles each face with hexagons to minimize distortion, then encodes each hexagon as a 64-bit integer that stores its resolution and position in the hierarchy. This integer encoding enables fast bitwise operations for grid navigation and spatial analysis. The library offers a comprehensive set of grid topology algorithms for computing neighbor relationships, distances, and paths between cells directly on the hexagonal grid without geographic coor

    Navigates between parent and child hexagon cells across multiple resolution levels for multi-scale queries.

    Cgeospatialh3hexagon
    Voir sur GitHub↗6,015
  • mui/mui-xAvatar de mui

    mui/mui-x

    5,791Voir sur GitHub↗

    MUI X is a collection of advanced React UI components for building data-rich applications, including a data grid, charting library, date and time pickers, scheduler, and tree view. The library is built with accessibility as a core principle, ensuring all components meet WCAG and WAI-ARIA standards for keyboard navigation and screen reader announcements. The components are designed for extensibility and performance. The data grid offers comprehensive data management with sorting, filtering, pagination, column pinning, row grouping, inline editing, and Excel export. The charting library support

    Ships an interactive data grid component for displaying and editing structured tabular data.

    TypeScriptchartsdata-griddatatable
    Voir sur GitHub↗5,791
  • microsoft/fluentui-blazorAvatar de microsoft

    microsoft/fluentui-blazor

    4,768Voir sur GitHub↗

    Ce projet est une bibliothèque de composants Blazor et un framework d'interface web utilisé pour construire des applications web avec ASP.NET Core Blazor. Il sert d'implémentation du Fluent Design System, fournissant une collection d'éléments d'interface utilisateur réutilisables et pré-stylisés pour garantir la cohérence visuelle et l'accessibilité. La bibliothèque inclut une grille de données asynchrone capable de résoudre des requêtes distantes via le chargement asynchrone de données et le mapping d'entités. Elle utilise un système de jetons de design (design tokens) pour gérer les styles visuels et les paramètres de personnalisation à travers une application. Le framework couvre des capacités plus larges pour le design d'interface d'entreprise, incluant l'intégration de jeux d'icônes et d'emojis standardisés, ainsi que des outils pour composer des interfaces accessibles. Il fournit également des mécanismes pour tester le rendu des composants et vérifier le comportement HTML.

    Implements interactive tabular components that support large datasets through asynchronous fetching.

    C#adaptive-uiblazorcomponent-architecture
    Voir sur GitHub↗4,768
  • google/open-location-codeAvatar de google

    google/open-location-code

    4,329Voir sur GitHub↗

    Open Location Code est une bibliothèque de géocodage et un ensemble d'outils utilisés pour transformer les coordonnées mondiales de latitude et de longitude en adresses numériques alphanumériques standardisées et lisibles par l'homme, et inversement. Il fonctionne comme un système de codage de localisation hors ligne qui génère des identifiants uniques pour n'importe quel endroit sur Terre, fournissant spécifiquement des adresses numériques pour les zones où les adresses postales formelles ou les systèmes postaux sont manquants. Le système fonctionne comme un processus algorithmique sans état, permettant aux coordonnées d'être encodées et décodées sans avoir besoin d'accès au réseau, de connexions internet ou de tables de recherche de base de données externes. Il utilise un raccourcissement basé sur la référence pour réduire la longueur des identifiants géographiques en omettant les préfixes communs basés sur des points de référence proches. La bibliothèque inclut des utilitaires pour la conversion bidirectionnelle de géocodes et la manipulation de codes. Ces capacités couvrent la validation des chaînes de localisation, la récupération de codes complets à partir de versions raccourcies et la traduction des coordonnées en une grille hiérarchique de caractères alphanumériques.

    Nests smaller grid cells within larger ones to allow for varying levels of precision and zoom.

    Javaccplusplusdart
    Voir sur GitHub↗4,329
  • rubjo/victor-monoAvatar de rubjo

    rubjo/victor-mono

    3,701Voir sur GitHub↗

    Victor Mono is a monospaced programming font designed for code editors, focusing on legibility and character distinction. It is characterized by the inclusion of programming ligatures that combine multi-character symbols into single glyphs. The typeface features cursive italics with semi-connected strokes to visually separate comments and keywords from standard code. It also provides customizable glyph stylistics, allowing for alternative shapes for specific characters such as zeros and sevens.

    Ensures consistent vertical alignment of text columns through a strict monospaced grid.

    Vuecoding-fontcursivecursive-italics
    Voir sur GitHub↗3,701
  • mckinsey/vizroAvatar de mckinsey

    mckinsey/vizro

    3,579Voir sur 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

    Embeds interactive tabular components for displaying and editing structured data within the UI.

    Pythondashboarddata-visualizationplotly
    Voir sur GitHub↗3,579
Préc.12Suivant
  1. Home
  2. User Interface & Experience
  3. Data Grids

Explorer les sous-tags

  • Hierarchical Grids3 sous-tagsTabular components that support nested data structures via row grouping and expandable levels. **Distinct from Data Grids:** Specializes in hierarchical tree structures and collapsible row groupings, whereas general data grids are typically flat.
  • Monospaced GridsGrid components optimized for displaying uniform-width character data. **Distinct from Data Grids:** Distinct from general Data Grids: specifically optimized for monospaced character rendering in terminal or code-editor contexts.