awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
glideapps avatar

glideapps/glide-data-grid

0
View on GitHub↗
5,237 estrellas·411 forks·TypeScript·MIT·9 vistasgrid.glideapps.com↗

Glide Data Grid

Glide Data Grid es una cuadrícula de datos virtualizada para React y TypeScript que utiliza la API de HTML Canvas para renderizar millones de celdas con fluidez. Está diseñada como una tabla de datos accesible que mantiene altas tasas de fotogramas al mostrar y navegar por conjuntos de datos masivos.

El proyecto se distingue por una arquitectura de renderizado basada en canvas que utiliza renderizado perezoso (lazy rendering) y una API de dibujo personalizada. Esto permite un contenido de celda especializado y un estilo basado en datos que evita los ciclos de actualización estándar del DOM para asegurar un alto rendimiento.

La cuadrícula proporciona capacidades integrales de diseño y gestión de datos, incluyendo combinación de celdas, columnas fijas, alturas de fila variables y cálculo automático del ancho de columna. También incluye soporte integrado para edición de celdas, selección de elementos y búsqueda de datos en la cuadrícula.

Features

  • Data Grid Components - A high-performance data grid component for React that renders millions of cells using the HTML Canvas API.
  • Enterprise Data Grids - Provides a professional-grade enterprise data grid with keyboard navigation, accessibility, and complex layout controls.
  • High-Performance Visualizers - Renders millions of rows at high frame rates with smooth scrolling and fast visual updates.
  • Grid Rendering - Utilizes an HTML5 canvas-based rendering architecture to display millions of cells with high performance.
  • Large Dataset Optimizations - Optimizes the rendering and handling of massive datasets in the browser using lazy rendering.
  • Canvas Rendering Pipelines - Implements a high-performance rendering pipeline that draws the grid interface directly to an HTML5 canvas.
  • Data Model Mapping - Transforms raw data into visible cells on demand using a function-based mapping approach.
  • Custom Cell Styling - Allows defining the visual appearance and layout of individual cells to support diverse data types.
  • Canvas Cell Renderers - Provides a high-performance drawing API for rendering specialized cell content while maintaining smooth visual updates.
  • On-Demand Cell Renderers - Transforms raw data into visual cells using a callback function only when cells enter the viewport.
  • Virtualized Cell Rendering - Employs lazy rendering to display millions of rows with minimal memory and latency.
  • Viewport-Based Virtualization - Uses viewport-based virtualization to render only the visible subset of cells from massive datasets.
  • Virtualized Data Grids - Uses lazy rendering and virtualization to maintain high frame rates when scrolling through massive datasets.
  • Editable Data Tables - Provides a strongly typed, editable data grid supporting high-performance virtual scrolling and in-place editing.
  • Cell Editors - Provides built-in interfaces for modifying the content of individual cells within the grid.
  • Selection State Layers - Tracks cell and row selections as a separate data layer to optimize update frequency.
  • Data-Driven Visual Styling - Implements visual definitions that map data values (numbers, text, images) to specific cell styles.
  • Selective Cell Refresh - Provides a mechanism to trigger the re-rendering of specific cells to ensure visuals match the most recent data updates.
  • Column Layout Configurations - Provides centralized configuration for resizable columns, movable columns, variable row heights, and merged cells.
  • Cell-Relative Positioning - Calculates screen-space coordinates of cells to accurately position interactive overlays and UI elements.
  • Grid Index Coordinate Mappers - Maps grid indices to pixel coordinates to ensure accurate placement of interactive overlays and mouse interactions.
  • Canvas Drawing APIs - Exposes a low-level rendering interface for specialized cell content that bypasses standard DOM update cycles.
  • Data Table Accessibility - Implements first-class accessibility standards for navigating and interacting with large tabular datasets.
  • Table Rendering Overrides - Allows for specialized data table rendering using custom drawing logic for diverse content types.
  • Spreadsheet Interfaces - Implements an interactive spreadsheet interface featuring cell editing, column freezing, and merged cells.
  • Frozen Grid Elements - Ships the ability to lock specific columns in place so they remain visible during horizontal scrolling.
  • Virtualized Variable-Height Items - Implements variable row heights that automatically adjust as content sizes change within the virtualized grid.
  • Grid Element Selection - Enables selection of single or multiple cells, rows, and columns for bulk actions or inspection.

Historial de estrellas

Gráfico del historial de estrellas de glideapps/glide-data-gridGráfico del historial de estrellas de glideapps/glide-data-grid

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Colecciones destacadas con Glide Data Grid

Colecciones seleccionadas manualmente donde aparece Glide Data Grid.
  • Componentes de tablas y Data Grids para React

Alternativas open-source a Glide Data Grid

Proyectos open-source similares, clasificados según cuántas características comparten con Glide Data Grid.
  • olifolkerd/tabulatorAvatar de olifolkerd

    olifolkerd/tabulator

    7,550Ver en 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

    JavaScriptajaxcdnjsdata
    Ver en GitHub↗7,550
  • jspreadsheet/ceAvatar de jspreadsheet

    jspreadsheet/ce

    7,186Ver en 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

    JavaScriptdata-griddatagriddatatables
    Ver en GitHub↗7,186
  • adazzle/react-data-gridAvatar de adazzle

    adazzle/react-data-grid

    7,637Ver en 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

    TypeScript
    Ver en GitHub↗7,637
  • swimlane/ngx-datatableAvatar de swimlane

    swimlane/ngx-datatable

    4,671Ver en GitHub↗

    ngx-datatable is a feature-rich data table component for Angular applications designed to display and manage large datasets. It functions as a customizable data grid that supports sorting, pagination, and the use of custom Angular templates for styling data cells. The component is distinguished by its high-performance virtual scrolling grid, which renders only visible rows to optimize memory and CPU usage. It provides an interactive interface for managing data through row selection, column reordering, and expandable detail views. The project covers a broad set of capabilities including colum

    TypeScriptangularangular-componentsangular2
    Ver en GitHub↗4,671
Ver las 30 alternativas a Glide Data Grid→

Preguntas frecuentes

¿Qué hace glideapps/glide-data-grid?

Glide Data Grid es una cuadrícula de datos virtualizada para React y TypeScript que utiliza la API de HTML Canvas para renderizar millones de celdas con fluidez. Está diseñada como una tabla de datos accesible que mantiene altas tasas de fotogramas al mostrar y navegar por conjuntos de datos masivos.

¿Cuáles son las características principales de glideapps/glide-data-grid?

Las características principales de glideapps/glide-data-grid son: Data Grid Components, Enterprise Data Grids, High-Performance Visualizers, Grid Rendering, Large Dataset Optimizations, Canvas Rendering Pipelines, Data Model Mapping, Custom Cell Styling.

¿Qué alternativas de código abierto existen para glideapps/glide-data-grid?

Las alternativas de código abierto para glideapps/glide-data-grid incluyen: olifolkerd/tabulator — Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from… jspreadsheet/ce — This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for… adazzle/react-data-grid — react-data-grid is a high-performance tabular interface for rendering and manipulating large datasets within a React… swimlane/ngx-datatable — ngx-datatable is a feature-rich data table component for Angular applications designed to display and manage large… comcast/react-data-grid — react-data-grid is a high-performance table component for React designed to render large datasets using… angular-ui/ui-grid — ui-grid is an enterprise data grid component for Angular applications designed to display tabular data. It functions…