New to ag-Grid?

Learn how to get a simple application working using ag-Grid with your framework of choice. Start here to get a simple grid working in your application, then follow on to the next sections to understand how particular features work.

Go to Getting Started

Reference

All the configuration options (properties, events, API, etc.) for ag-Grid. Use this as a quick reference to look all available options.

Go to Reference

Explore Everything ag-Grid Can Do

A detailed look at all the features. Go here for detailed explanations and examples for all features. Items that are only available in ag-Grid Enterprise are marked with the e symbol.

Go to Features

Deal With Large Data Sets Easily

The grid supports many ways to load data including infinite scrolling and lazy loading of group data. Learn how to apply these techniques to manage large amounts of data.

Go to Row Models

Choose the Right Look for Your Project

The grid comes with many built in themes and also the ability to design your own theme. Get the grid to fit the overall look and feel of your application.

Go to Themes

Customize ag-Grid up to Your Requirements, Your Way

Introduce your own behaviours into the grid by providing custom components such as Cell Renderers, Cell Editors, Filters and Header Components. These can be done using plain JavaScript or a framework of your choice e.g. Angular or React.

Go to Components

Explore What ag-Grid Can Do

End to end examples demonstrating many of the features of ag-Grid.

Go to Examples