• AG Grid
  • AG Charts
  • Newsletter
  • Search
  • Blog
  • asleep light Toggle Darkmode
  • Versions
  • How toʼs
  • Tutorials
  • Testing
  • Javascript
  • React
  • Angular
  • Vue

AG Grid Blog

Learn and discover everything new with the best javascript grid in the world.

Quick Links

  • Why Use AG Grid?
  • Tutorials
  • Friends & Collaborators
  • Sample Applications

Recent Posts

  • Introducing the AG Grid Model Context Protocol (MCP) Server
  • What's New in AG Grid 34.2
  • What's New in AG Charts 12.2
  • What's New in AG Grid's Figma Design System
  • What's New in AG Charts 12.1
  • What's New in AG Grid 34.1
  • How To Add and Delete Rows in AG Grid from the Context Menu
  • What's New in AG Grid 34
  • What's New in AG Charts 12
  • AG Grid Showcase: Sample Apps, Demos, Examples & Extensions
In Memory of Niall Crosby

In Memory of Niall Crosby

We are saddened to confirm that our brilliant CEO and founder, Niall Crosby, has tragically passed away in an accident in recent days.

  • James Swinton-Bland James Swinton-Bland
1 min read
Proof Trading Case Study
Misc

Proof Trading Case Study

Proof Trading is a startup with the goal to revolutionize equity trading, we sat down to learn about their business and how they use AG Grid in their real time trading platform.

  • Alan Richardson Alan Richardson
10 min read
Proof Trading WebRush Podcast Using AG Grid
Misc

Proof Trading WebRush Podcast Using AG Grid

Han Dong and Prerak Sanghvi from Proof Trading were interviewed in episode 149 of the WebRush podcast describing into the decisions and experimentations that are required to build a high performance application.

  • Alan Richardson Alan Richardson
4 min read
Creating Popups in AG Grid
How To

Creating Popups in AG Grid

Learn how to create an interactive menu component as a popup that is triggered on a button click in AG Grid. See the sample code in JS/Angular/React/Vue.

  • Shuheb Ahmed Shuheb Ahmed
6 min read
Using Typescript to Auto-Generate Documentation
Misc

Using Typescript to Auto-Generate Documentation

The public interfaces of AG Grid are ever-changing as features are added and refined. How do we ensure that our documentation stays up to date?

  • Stephen Cooper Stephen Cooper
4 min read
Advanced Filtering in AG Grid using OR-Filtering Conditions
How To

Advanced Filtering in AG Grid using OR-Filtering Conditions

See how to apply OR-Filtering conditions in AG Grid together with the default AND-filter conditions. The approach is illustrated in a sample project.

  • Ahmed Gadir Ahmed Gadir
5 min read
JavaScript Jabber Podcast
Misc

JavaScript Jabber Podcast

Niall Crosby, founder of AG Grid, appeared on the JavaScript Jabber podcast. Topics discussed included - JavaScript Data Grids, supporting multiple frameworks, DOM performance, Web Components, IOC, typescript and more.

  • Alan Richardson Alan Richardson
26 min read
How to Write a Podcast App Using React and AG Grid
Tutorial

How to Write a Podcast App Using React and AG Grid

In this post we will iteratively create a simple Podcast listening app using React. The main GUI for the app will be AG Grid so you can see how simple it is to get a prototype application up and running, leaning on the React Data Grid to do much of the heavy lifting for us.

  • Alan Richardson Alan Richardson
27 min read
Introducing AG Grid Sparklines
Releases

Introducing AG Grid Sparklines

Learn how to use the built-in AG Grid sparklines to visualise your data and improve the user experience. See the configuration and customization options.

  • Mana Peirov
3 min read
Creating a React Tile Slider Puzzle
React

Creating a React Tile Slider Puzzle

AG Grid's new React Rendering Engine is written 100% in React. To demonstrate the use of custom headers in the new React Rendering Engine we created a simple game to add buttons in the header using a custom header renderer, the game code also demonstrates other customization approaches.

  • Alan Richardson Alan Richardson
10 min read
What's new in AG Grid 26.1
Releases

What's new in AG Grid 26.1

See the major improvements in Ag-Grid 26.1 - sparklines, chart series highlighting, ReactUI column header component support, entire row dragging and more.

  • Kiril Matev Kiril Matev
3 min read
Fully Typed Angular Components
Angular

Fully Typed Angular Components

As of AG Grid v26 we have applied full typings to the Angular components. All Input and Output properties now use the GridOption interface type for the property instead of any.

  • Stephen Cooper Stephen Cooper
6 min read
Building CRUD in AG Grid with Angular and NGXS
Angular

Building CRUD in AG Grid with Angular and NGXS

Learn how to use CRUD operations with NGXS, Angular and AG Grid. The sample project shows how to notify the NGXS store of changes in AG Grid data.

  • Marats Stelihs Marats Stelihs
4 min read
React UI Overview - 100% React
React

React UI Overview - 100% React

AG Grid's React UI is a rendering engine written in pure React 100% throughout so it is fast and plays well with React dev tools and coding approaches.

  • Alan Richardson Alan Richardson
3 min read
What's new in AG Grid 26
Releases

What's new in AG Grid 26

See the major improvements in Ag-Grid 26 - React UI renderer, updated typing information, row grouping improvements, chart series marker labels and more.

  • Kiril Matev Kiril Matev
4 min read
Customising React Data Grid with hooks and functions
React

Customising React Data Grid with hooks and functions

AG Grid allows extensive customisation by creating custom components. In this post we will create custom components for rendering cells, filtering column values, editing cell values.

  • Alan Richardson Alan Richardson
6 min read
Getting Started with React Hooks and React Data Grid in 5 minutes
React

Getting Started with React Hooks and React Data Grid in 5 minutes

In this post we will cover Getting Started using Hooks and how to optimise components which use the React Data Grid.

  • Alan Richardson Alan Richardson
6 min read
Keeping Up To Date With JavaScript Libraries
Misc

Keeping Up To Date With JavaScript Libraries

Most projects have dependencies on other libraries, the problem is that they need to be refreshed to fix bugs, security issues and take advantage of new features.

  • Alan Richardson Alan Richardson
11 min read
React Data Grid Example Projects
Tutorial

React Data Grid Example Projects

This post will provide a quick overview of the React Data Grid example repo with some suggested exercises to act as introductions for developing using AG Grid.

  • Alan Richardson Alan Richardson
6 min read
Subscribing to a live data stream with AG Grid using RxJS Observables
How To

Subscribing to a live data stream with AG Grid using RxJS Observables

Learn how to subscribe to a live data stream with AG Grid using RxJS Observables and build a simple Stock Ticker application based on Angular.

  • Shuheb Ahmed Shuheb Ahmed
6 min read
Standalone React Data Charts
How To

Standalone React Data Charts

In this post I will create a drop in replacement for the existing D3 based Historical Data Chart panel, and instead use the Free AG Grid Standalone Charts library.

  • Alan Richardson Alan Richardson
8 min read
Adding and removing rows and columns in AG Grid with React and Redux Toolkit
How To

Adding and removing rows and columns in AG Grid with React and Redux Toolkit

Learn how to add and remove rows and columns in AG Grid with React and Redux Toolkit. See a sample storing row data and column definitions in a Redux store.

  • Louis Moore Louis Moore
6 min read
← Previous Page 7 of 11 Next →

Documentation

  • Getting Started
  • Changelog
  • Pipeline
  • Documentation Archive

Support & Community

  • Stack Overflow
  • License & Pricing
  • Support via Zendesk

The Company

  • About
  • Blog
  • Privacy Policy
  • Cookies Policy

Follow

  • Github
  • X
  • YouTube
  • LinkedIn

AG Grid Ltd registered in the United Kingdom. Company No. 07318192.

© AG Grid Ltd. 2015-2025