Grid

Grid - render large datasets with canvas | Awesome Repos

Features

Data Grid Components - Ships a high-performance virtualized data grid component designed for React applications.
High Performance Table Rendering - Renders massive datasets smoothly in the browser using efficient virtualized canvas techniques.
Viewport-Based Virtualization - Optimizes memory usage by rendering only the visible portion of the grid through a windowed virtualization engine.
Virtualized Data Rendering - Maintains high performance with massive datasets by rendering only the visible portion of the grid during scrolling.
Virtualized Data Tables - Optimizes rendering performance by displaying only visible cells to handle massive data volumes efficiently.
Hierarchical Data Structures - Organizes tabular information into tree-based layouts to represent nested relationships and grouped data sets.
Declarative Reconciliation Engines - Automatically reconciles grid layout configurations with internal coordinate systems whenever the underlying data structure changes.
Immediate Mode Canvas Renderers - Provides a high-performance rendering engine that draws grid elements directly onto a canvas using immediate-mode commands.
Grid Coordinate Mapping - Maps screen coordinates to grid cells to enable precise interaction handling within the virtualized canvas layout.
React Components - Integrates as a set of React primitives for embedding high-performance grids into existing web applications.
Declarative UI Frameworks - Provides a declarative framework for defining complex grid structures and hierarchical data relationships.
Context-Based Theme Injection - Injects application state and themes into the canvas environment using React context providers for consistent data access.
Hierarchical Data Displays - Provides tools for displaying and navigating nested or grouped information within a tree-based tabular structure.
Frozen Grid Elements - Supports complex grid configurations including frozen rows, columns, and resizable headers for professional tabular interfaces.
Programmatic Grid Data Synchronization - Synchronizes scroll positions and grid state with application logic to maintain interface alignment during user interactions.
Complex Grid Layouts - Enables the development of sophisticated data grids with custom layouts, merged cells, and advanced header configurations.

Open-source alternatives to Grid

Similar open-source projects, ranked by how many features they share with Grid.

bvaughn/react-virtualized
bvaughn/react-virtualized
27,072View on GitHub
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
JavaScriptgridlistlistview
View on GitHub27,072
react-component/table
react-component/table
1,372View on GitHub
This library is a React component designed for rendering high-performance data grids. It provides a structured framework for displaying large datasets by utilizing window-based row virtualization, which ensures that only the visible portion of the data is rendered to the document object model. The component distinguishes itself through advanced layout and navigation capabilities, including native support for sticky headers and columns that remain anchored during scrolling. Developers can exercise imperative control over the table viewport to navigate to specific indices or pixel offsets, whil
TypeScript
View on GitHub1,372
schrodinger/fixed-data-table-2
schrodinger/fixed-data-table-2
1,304View on GitHub
This project is a data grid library designed for building complex, interactive tables within React applications. It provides a suite of modular components that enable the display of structured information, supporting both custom cell rendering and flexible column configurations to accommodate diverse data presentation needs. The library is built to handle large datasets by utilizing virtualized rendering, which ensures high performance by only processing the subset of rows currently visible within the viewport. It distinguishes itself through support for dynamic row heights and programmatic s
JavaScript
View on GitHub1,304
alibaba/ali-react-table
alibaba/ali-react-table
979View on GitHub
This library is a high-performance data grid component for React applications, designed to manage and display large datasets. It provides a declarative configuration system that allows developers to define table structures, data sources, and feature toggles through a structured object schema. The library distinguishes itself through a flexible layout engine that supports complex UI requirements, such as pinning headers and specific columns to viewport edges during scrolling. It utilizes virtualized rendering to maintain interface responsiveness by displaying only the visible subset of data, e
TypeScriptreactreact-tabletable
View on GitHub979

See all 30 alternatives to Grid

rowsncolumnsgrid

Features

Open-source alternatives to Grid

bvaughn/react-virtualized

react-component/table

schrodinger/fixed-data-table-2

alibaba/ali-react-table

Star history

Open-source alternatives to Grid

bvaughn/react-virtualized

react-component/table

schrodinger/fixed-data-table-2

alibaba/ali-react-table