React Table
Fast, Powerful and Flexible React Tables
Add high-performance, feature rich, and fully customisable React Data Tables to your application in minutes, all for free.
Why Use AG Grid to Build React Tables?
Amazingly Fast and Fully Customisable with an Unbeatable Feature Set
Get started in minutes and access 1000s of features without compromising on performance. Customise your React Table with your own styles and components or upgrade to enterprise to use our advanced features.
Build
Get Started in Minutes
Add a React Table with less than 15 lines of code. Just add your data, and define your column structure. View the Quick Start to learn more.Handle Millions of Cells
Easily handle millions of rows with our Client-Side Row Model or upgrade to enterprise for Infinite Scrolling with our Server-Side Row Model.100s of Features
Enable complex features with single properties, including: Sorting, Filtering, Cell Editing, CSV Export, Pagination, Row Selection, and Accessibility.Copyconst GridExample = () => {
const [rowData, setRowData] = getRowDataJson();
const [colDefs, setColDefs] = useState<ColDef<IRow>[]>([
{ field: "make" },
{ field: "model" },
{ field: "price" }
]);
return (
<div style={{height: 500}}>
<AgGridReact rowData={rowData} columnDefs={colDefs} />
</div>
);
}
Where Can I See AG Grid React Tables Being Used?
Used in Every Industry, for All Types of Data
Trusted by 90% of Fortune 500 industries from Finance and AI, to DevTools and Aeronautics. Most of these uses are private, but we've hand-picked a few open-source examples:
Finance
Salt is J.P. Morgan's open-source design system for financial services and other industries, which uses AG Grid for its Data Grid component.
ML/AI
MSR Gamut is a design probe that leverages AG Grid to help data scientists effectively visualize and understand their Machine Learning models and data.
Databases
Compass is the GUI for MongoDB that uses AG Grid to visualize and manage users' databases, providing an intuitive interface to explore and interact with data.
Aerospace
NASA AMMOS is a tool for planning, scheduling, and sequencing tools for modern space missions that uses AG Grid to help visualise mission data.
Developer Tools
React Admin is an open source framework for building admin interfaces with React which uses AG Grid for its Data Grid functionality.
Who Builds React Tables with AG Grid?
Loved By Developers
Trusted By The Worlds Largest Enterprises
Over 90% of the Fortune 500 build React Tables using AG Grid, with 1,000,000+ npm downloads per week and over 12,000 Stars on GitHub.
90%
Of the Fortune 500 use AG Grid
5M+
Weekly NPM downloads
13k+
GitHub Stars
40K+
Commits
There are a lot of component-based table libraries out there, but I believe AG Grid is the gold standard and is by far my favourite. AG Grid is perfect for building Enterprise Applications.
I've been impressed with AG Grid. Not only is it incredibly feature-rich, but it also leverages your framework of choice to do its rendering. This means seamless extensibility and a real way to leverage the framework's strengths. And for SolidJS that's a game changer.
If your application needs to display large amounts of data, we recommend AG Grid. Not only is it highly customizable and extensible, it’s also the fastest JavaScript grid on the planet.
How Do I Build a React Table with AG Grid?
Get Started with React Table Examples
We have a range of examples, tutorials and documentation to help you start building your first React Table with AG Grid.
Quick Start
Create your first React Table and learn the basics in just a few minutes.
Beginner Tutorial
Learn key concepts by building a React Table with common functionality & customisations.
Custom Styles
Customise your React Table with the Theming API to create a unique theme for your brand.
