Awesome GitHub RepositoriesVirtualized Data Grids

react-virtualized is a library of components for rendering massive lists and tables by drawing only the elements visible in the viewport. It provides specialized layout managers including a windowed grid component and a dynamic height list manager. The project includes a masonry layout engine for packing items of varying heights and widths, as well as an infinite scroll interface for incrementally fetching and appending data. The library covers a broad range of virtualization capabilities, including frozen grid elements, reverse list rendering, and synchronized viewport scrolling. It also su

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

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

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

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

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

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

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.

smartTable es un componente de cuadrícula de datos y framework de vista de tabla para Android. Funciona como una biblioteca de interfaz de usuario basada en anotaciones que utiliza marcadores de clase y campo para mapear automáticamente modelos de datos a columnas visuales y definir propiedades de tabla. El proyecto se distingue por una profunda integración con hojas de cálculo, proporcionando herramientas para importar y exportar datos desde y hacia archivos Excel mientras se preserva el formato de celda, estilos, colores y alineación. También cuenta con un sistema de renderizado basado en canvas que admite diseños de cuadrícula complejos con celdas combinadas, encabezados congelados y bloqueo de columnas. La biblioteca cubre una amplia gama de capacidades de gestión de datos, incluyendo ordenamiento, agregación y el cálculo de estadísticas de columna. Gestiona grandes conjuntos de datos mediante paginación virtual, controles de zoom y formato condicional de celdas para mantener la legibilidad y el rendimiento. El framework está implementado en Java para aplicaciones Android.

ngx-datatable es un componente de tabla de datos rico en funciones para aplicaciones Angular diseñado para mostrar y gestionar grandes conjuntos de datos. Funciona como una cuadrícula de datos personalizable que admite ordenamiento, paginación y el uso de plantillas de Angular personalizadas para dar estilo a las celdas de datos. El componente se distingue por su cuadrícula de desplazamiento virtual de alto rendimiento, que renderiza solo las filas visibles para optimizar el uso de memoria y CPU. Proporciona una interfaz interactiva para gestionar datos mediante selección de filas, reordenamiento de columnas y vistas de detalle expandibles. El proyecto cubre un amplio conjunto de capacidades, incluyendo gestión de columnas para fijar y redimensionar, ordenamiento de múltiples columnas e integración del lado del servidor para la obtención remota de datos. También incluye personalizaciones a nivel de fila como estilos dinámicos, componentes de fila personalizados y modos de selección flexibles. Las características de utilidad adicionales incluyen la localización de mensajes de tabla y la aplicación de temas personalizados mediante CSS.

Vue-easytable is a high-performance data grid component designed for the Vue.js framework. It provides a comprehensive interface for displaying and managing large-scale tabular data, utilizing virtual scrolling to maintain responsiveness by rendering only the visible subset of rows within the browser. The component offers spreadsheet-style interaction, enabling users to perform direct, in-place data editing and manipulation. It supports complex grid configurations, including column pinning, row expansion, and data filtering, allowing for the organization of structured information to improve r

React Base Table es una librería de componentes de interfaz reutilizables diseñados para construir grids de datos complejos y responsivos dentro de aplicaciones web. Proporciona una base de alto rendimiento para renderizar grandes datasets utilizando virtualización de filas basada en ventanas, lo que asegura que la interfaz de usuario permanezca responsiva incluso al mostrar extensas colecciones de datos. La librería se distingue por capacidades flexibles de diseño y navegación, incluyendo soporte para estructuras de datos jerárquicas que pueden renderizarse como filas de árbol expandibles. Permite un control preciso sobre la geometría de la tabla mediante el dimensionamiento proporcional de columnas y el seguimiento automático de contenedores, mientras permite a los usuarios fijar columnas específicas en los bordes del viewport para mantener la visibilidad durante el desplazamiento horizontal. Los desarrolladores pueden crear visualizaciones de datos altamente personalizadas inyectando componentes personalizados directamente en las celdas de la tabla y aplicando anulaciones de estilo para cumplir con requisitos de diseño específicos. El sistema se ajusta automáticamente a los cambios en el tamaño del contenedor padre, asegurando que el diseño de la tabla permanezca consistente en diferentes dimensiones de pantalla y configuraciones de interfaz.