World's Leading Angular Datagrid Component

✓ Fully Featured Data Grid
✓ Deep Documentation
✓ Well-Maintained

✓ Built to deal with large data sets
✓ Deep and Intuitive API
✓ Integrated Charts

Overview

ag-Grid is a feature-rich data grid built for Angular. Integrate seamlessly with Angular 2,4,5,6,7
to deliver core and enterprise features with the performance you expect. Discover key benefits and
resources available to quickly add an Angular Data Grid or Datatable to your Angular application.

Add ag-Grid to your project

Running the command below will add ag-Grid to your project.

Command Code

Before implementing, learn more about ag-Grid Angular and it's benefits below.

Fully Featured Angular Grid Table

The most well maintained, web feature-rich Angular Data Grid component on the market.
Equipped with 63+ Core and Enterprise features, ready to implement out of the box!


Trusted by the Community Community Logo

200,000 Downloads Per Month

All the features you'd expect from a Angular grid.
Among the most common features of the modern grids are Sorting, Filtering and Pagination.
Our Angular Grid component ships with the following core features:

Sorting



Enabling sorting lets your users sort a column by clicking the header and sort multiple columns by holding down shift.

Pagination



Instead of long scrolling, you can configure the grid to display paging controls that allow the users to jump to a specific page of the data set


Built for Enterprise Enterprise Logo

1,500+ Companies use ag-Grid Enterprise

Powerful, advanced features designed for Enterprise Applications.
The grid was specifically designed to handle enterprise level feature requirements and data volumes.
ag-Grid Angular Enterprise ships with the following:

Aggregation



Let your users explore their data. ag-Grid allows the end user to group by specific columns. Optionally, you can display various aggregate column values in the grouped row.

Tree Data



You can easily display data has parent / child relationships by passing the relationship as part of the data. For example, a folder can contain zero or more files and other folders.

Versions

Community LogoEveryone can use ag-Grid Community for free. It's MIT licensed and Open Source. No restrictions. No strings attached.

Enterprise LogoYou can evaluate ag-Grid Enterprise without contacting us. A license is only required when you start developing for production.

Integrated Charts

The charting functionality is deeply integrated with the grid.
This integration gives users a seamless charting experience while keeping the coding required by developers to a minimum.

Chart from within the Grid

User created charts are designed to provide an out-of-the box charting experience,
similar to that found in spreadsheet applications such as Excel, but more compelling it will be integrated inside your applications.

The animation above highlights a number of charting features. More details on ag-Charts here.

Delivers outstanding performance

It's ridiculously fast

Our Angular Grid component is built to deal with large data sets. Designed to deliver the performance required by modern day enterprise applications. The grid can process over 100,000 updates per second and performs smoothly with millions of records.

Save work and development time with the best and fastest Angular Grid.

And we don't stop there

We understand the modern need for speed, so we constantly working to combine the latest browsers advances and cutting-edge algorithms in our grid to justify the reputation of the best Angular datagrid in the world.

Stress-test our Angular grid with 100 000 records and 20 columns

Easy to integrate and customize

It's easy to deeply customize many areas of our Angular Grid Component

Click operation on right and see the API in action

Customize Angular Grid


Everything is a customizable component in ag-Grid Angular

Most of the functionality of our Angular grid is already component based.
You can easily extend the default functionality by creating your custom Angular components and integrating them into the grid.


Custom Cell Renderer

If you want more complex HTML inside the cell or need to customise the value before it’s rendered, you can do it with a custom cell renderer.

Cell Renderer Example
Custom Filter Example

Custom Column Filter

Filtering is one of the most useful features of data grids. It allows users to zoom in on a particular set of records. We provide a simple string filtering out of the box.


Guides and Resources

Documentation

ag-grid-docs

Save time up front by using our detailed documentation.

Explore Docs

Angular Grid Demo

ag-grid-demo

Test our Angular Grid component's core and enterprise features.

View Demo

Features

ag-grid-features

Run through our core and enterprise features, designed to match all your needs.

View all Features


ag-Grid Angular Overview

Angular Overview Guide

Every feature of ag-Grid is available when using the ag-Grid Angular Component.

Read More

Get started with Angular

Angular Get Started Guide

This article will walk you through the necessary steps to add ag-Grid to an existing Angular project. Read More

Angular[Blog Content]

Angular Blog Content

Browse all our Angular and Angular Grid related blogs ranging from depthful content to guides/tutorials.

Browse Content

Trusted by the Community

2M Downloads
200,000 Downloads Per Month

Built for the Enterprise

Over 1,500 Companies use ag-Grid Enterprise
Over 25% of FT-500 Companies use ag-Grid


Join the millions of developers and thousands of companies who use ag-Grid.
Ready to give it a try?