AG Grid v33.0.0 Bundle Size Improvements, Context Menu Async Support, Default Column Header Customisation

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.

Get Started

$ npm install ag-grid-react

View All Demos

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.

Visit J.P. Morgan

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.

Visit Microsoft

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.

Visit MongoDB

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.

Visit NASA

Developer Tools

React Admin is an open source framework for building admin interfaces with React which uses AG Grid for its Data Grid functionality.

Visit React Admin

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.