React Table and Data Grid Components
For a table and data grid component for React, the strongest matches are adazzle/react-data-grid (adazzle/react-data-grid is a high-performance React data grid component with), ag-grid/ag-grid (AG Grid is a feature-rich JavaScript data grid library) and tannerlinsley/react-table (React Table is a headless React library that provides). mbrn/material-table and gregnb/mui-datatables round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.
High-performance data table and grid libraries for building complex, interactive data-driven interfaces in React applications.
React Table and Data Grid Components
Find the best repos with AI.We'll search the best matching repositories with AI.
- adazzle/react-data-grid
adazzle/react-data-grid
7,637View on GitHubreact-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
adazzle/react-data-grid is a high-performance React data grid component with virtualized rendering for large datasets, supporting sorting, column customization, row selection, and cell editing — it fits the search for an interactive table component, though filtering and pagination are not highlighted in the description.
TypeScriptRow Selection InterfacesViewport-Based VirtualizationInteractive Column Resizing - ag-grid/ag-grid
ag-grid/ag-grid
15,412View on GitHubAG 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
AG Grid is a feature-rich JavaScript data grid library with first-class React support, covering virtual scrolling, sorting, filtering, pagination, row selection, column customization, and export functionality—exactly the kind of interactive table component this search is after.
TypeScriptData GridsData TablesData Visualization Libraries - tannerlinsley/react-table
tannerlinsley/react-table
28,099View on GitHubThis project is a headless UI table library and state manager for building data grids. It functions as a type-safe logic engine that manages table state and data grid behavior without providing pre-defined styles or HTML markup. The library employs a headless pattern, separating internal logic and state from visual presentation. By providing hooks rather than styled components, it allows developers to maintain full control over the markup, styles, and interaction behavior of their tables. The core engine covers complex datagrid implementation, including the management of sorting, filtering,
React Table is a headless React library that provides hooks for sorting, filtering, pagination, row selection, and column customization, covering many of your required features, but it lacks built-in virtual scrolling and export functionality and requires you to implement responsive design yourself.
TypeScriptHeadless UI ComponentsData Table State ManagersFramework Agnostic UI Logic - mbrn/material-table
mbrn/material-table
3,492View on GitHubDatatable for React based on material-ui's table with additional features
Material-Table is a React datatable component built on Material-UI that provides sorting, filtering, pagination, and row selection out of the box, making it a good fit for interactive table needs, though it lacks built-in virtual scrolling for handling extremely large datasets.
JavaScriptTables - gregnb/mui-datatables
gregnb/mui-datatables
2,707View on GitHubDatatables for React using Material-UI
mui-datatables is a React table component built on Material-UI that provides sorting, filtering, pagination, row selection, column customization, and export, but it does not include virtual scrolling for handling very large datasets, so it fits your intent as a feature-rich datagrid component though it may not be optimized for performance at scale.
JavaScriptTables - jbetancur/react-data-table-component
jbetancur/react-data-table-component
2,212View on GitHubA responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
jbetancur/react-data-table-component is a responsive React table library with built-in sorting, pagination, row selection, expandable rows, and customizable styling — it covers several of the requested features but does not mention virtual scrolling or export, so it's a solid fit for the category though narrower on large-dataset performance.
TypeScriptTables - react-component/table
react-component/table
1,372View on GitHubThis 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
This repository is a React table component, fitting the requested category for interactive tables and data grids, but its minimal description and lack of listed features mean you will need to explore the source code to confirm support for virtual scrolling, sorting, pagination, and other advanced capabilities.
TypeScriptData Grid ComponentsHigh Performance Table RenderingWindow-Based Virtualizers - denisraslov/react-spreadsheet-grid
denisraslov/react-spreadsheet-grid
1,173View on GitHubThis project is a high-performance data grid component for React designed to render large datasets within a spreadsheet-style interface. It provides a framework for displaying structured tabular information while enabling complex cell-based interactions and data management tasks. The component distinguishes itself through its support for spreadsheet-like editing workflows, including keyboard-driven navigation and the ability to inject custom components into individual cells. Users can dynamically manage the grid layout by resizing columns and organizing headers, ensuring the interface adapts
react-spreadsheet-grid is a React grid component that provides an Excel-like interface with performant scrolling and resizable columns, so it matches the request for a table/data grid library, though it may not include sorting, filtering, or pagination out of the box.
JavaScriptWindowed Rendering - facebookarchive/fixed-data-table
facebookarchive/fixed-data-table
4,269View on GitHubFixed-data-table is a React component library designed for rendering large datasets within structured, scrollable grid interfaces. It functions as a virtualized table, optimizing performance by rendering only the rows currently visible within the viewport. The library distinguishes itself through its focus on maintaining context during navigation, utilizing fixed-header layouts and synchronized scroll state management. It employs index-based data access to map information to specific grid coordinates, allowing for modular cell customization and flexible column configuration. The component su
This is a React table component built for high-performance rendering of thousands of rows using virtual scrolling, which meets the core requirement for handling large datasets, but it lacks built-in sorting, filtering, pagination, row selection, and other advanced interaction features that the search also requests.
JavaScriptWindowed Rendering - schrodinger/fixed-data-table-2
schrodinger/fixed-data-table-2
1,304View on GitHubThis 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
Fixed-data-table-2 is a high-performance React table component that excels at virtual scrolling for large datasets, which directly addresses the performance handling you need; however, it may not include built-in sorting, filtering, pagination, row selection, column customization, responsive design, hooks integration, or export functionality, so it meets the core category but with a narrower feature set.
JavaScriptWindowed Rendering - autodesk/react-base-table
Autodesk/react-base-table
1,536View on GitHubReact Base Table is a library of reusable interface components designed for building complex, responsive data grids within web applications. It provides a high-performance foundation for rendering large datasets by utilizing window-based row virtualization, which ensures the user interface remains responsive even when displaying extensive collections of data. The library distinguishes itself through flexible layout and navigation capabilities, including support for hierarchical data structures that can be rendered as expandable tree rows. It allows for precise control over table geometry thro
autodesk/react-base-table is a performant React table component built for large datasets with virtualized scrolling, so it fits the core category, though you may need to look for built-in sorting, filtering, and pagination if those are essential.
TypeScriptResponsive Table Containers - rowsncolumns/grid
rowsncolumns/grid
This project is a high-performance data grid component designed for React applications. It provides a declarative framework for rendering large-scale datasets and complex tabular structures by utilizing a canvas-based drawing engine instead of traditional document object model nodes. The library distinguishes itself through a windowed virtualization engine that maintains constant memory usage by rendering only the visible portion of the grid. It translates pointer interactions into specific cell references through coordinate-based mapping and supports the injection of external application sta
rowsncolumns/grid is a React canvas-based data grid component that provides a declarative primitive for building interactive tables and pivot tables, directly fitting the need for a performant React table component, though its built-in handling of sorting, filtering, and pagination is not explicitly detailed.
TypeScriptViewport-Based Virtualization - alibaba/ali-react-table
alibaba/ali-react-table
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
alibaba/ali-react-table is a React table component that fits the category of interactive data grids, but its description only promises performance and flexibility without explicitly confirming advanced features like virtual scrolling or export, so it may not cover all the requested capabilities.
TypeScriptData Grid CustomizationData Grid ComponentsData Grid Components
