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
Analyse complex financial data, perform calculations and visualise the data in AG Grid, with standalone charts from AG Charts.
ML/AI
Build models and generative AI apps on a unified, end-to-end, MLOps platform which uses AG Grid to powers the tables in its dashboard
Data Modelling
Planning, scheduling, and sequencing tools for modern space missions. AG Grid is used throughout to help visualise mission data.
Dashboards
An open source React library for building dashboards, with AG Grid enterprise support for building React tables with advanced features.
Developer Platforms
Open-source developer platforms and workflow engines who use AG Grid as part of their drag & drop UI builder.
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
5+
Frameworks supported
300+
Updates and features in the last three years
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.
