AG Grid Blog (Page 7)

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.

React

Reactathon - React in the Park May 2022

React in the Park took place in San Francisco, on 2 - 5 May 2022. AG Grid sponsored the live stream for the conference.

React

Styling React Data Grid With Custom CSS Styles

AG Grid offers three different approaches for applying Custom CSS styles. These approaches are: Cell / Row Styles, Cell / Row Classes, and Cell / Row Class Rules. This tutorial will cover all three methods, each of which is useful in specific situations.

React

Headless React Table Compared to AG Grid React Data Grid

When building complex web applications, you will often find yourself needing something more advanced than a simple table. This is where data grids come into play. In this context, a data grid is essentially an interactive table.

Tutorial

Creating a Custom Theme for AG Grid

In this article, you’ll learn how to adapt the React Data Grid to match your website’s look and feel by creating a custom theme.

React

Using Storybook.js with React and AG Grid

A *Storybook* consists of stories for different components that describe your component’s various states. A *story* can be considered as the atomic unit or the smallest component. You can write a story for a component with different parameters or props and see how your component behaves.

Releases

What's New in AG Grid 27.3

AG Grid 27.3 enhances stability, adding tri-state checkbox selection in tree data and chart axis label auto-rotation along with selection and accessibility improvements.

Misc

Prisma.io Case Study

"We had very specific kinds of behaviour in mind, and spent a lot of time in CodeSandbox experimenting with different libraries, before finding an out-of-the-box solution like AG Grid that fit all our criteria."

Releases

What's New in AG Grid 27.2

AG Grid 27.2 enhances stability, adding aggregation and pivot column filtering and saving/restoring secondary column state.

Maximise your productivity with AG Grid Documentation

At AG Grid we put a lot of effort into our documentation as we understand that good documentation helps developers achieve their goals. In this post I want to highlight some features of

Misc

Adaptable Tools Demo and Interview

We sat down with Jonny Wolfson, CTO of Adaptable Tools, and he provided a demo overview of Adaptable Tools in action.

Misc

Pablo Fonseca Interview - Streamlit AG Grid Component

Pablo Fonseca has created a Streamlit Component to make it easy to add AG Grid to Python Streamlit applications. We were able to chat online with Pablo about his project.

Releases

What's New in AG Grid 27.1

AG Grid 27.1 improves quality and developer productivity, while adding significant new charting functionality - integrated combination charts

React

Code Tetris in 200 Lines of Code using React

Writing Tetris is exciting, as it forces you to understand many aspects of a programming language / framework in a very small application.

React

Why AG Grid's React Rendering Matters

A React JavaScript Data Grid that is rendered 100% in React. The Grid does exactly the same thing regardless of which rendering engine is used.

How To

Minimising Application Bundle Size

You can minimise your application bundle size when working with AG Grid. This can be important if you want to improve your page load times, especially over slower networks.

Releases

What's New in AG Grid 27

See the improvements in Ag-Grid 27 - new React rendering, examples in Typescript, column filtering improvements, sparkline crosshairs and more.

How To

Quick Filter on only Visible Columns

AG Grid provides a handy "quick filter" that enables you to filter all your grid data by providing a string filter value.

How To

Automatic Header Names

Did you know that you don't always have to provide a headerName to your column definitions in AG Grid?

Releases

What's new in AG Grid 26.2

See the key improvements in AG Grid 26.2 - ReactUI customizations support, bar sparkline, column filtering improvements, accessibility and framework support.

How To

Dynamically Creating AG Grid Columns From JSON

In this blog post we will show how to dynamically configure and read a JSON object from API calls into 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.

AG Grid Blog

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

Quick Links

Recent Posts

In Memory of Niall Crosby

Reactathon - React in the Park May 2022

Styling React Data Grid With Custom CSS Styles

Headless React Table Compared to AG Grid React Data Grid

Creating a Custom Theme for AG Grid

Using Storybook.js with React and AG Grid

What's New in AG Grid 27.3

Prisma.io Case Study

What's New in AG Grid 27.2

Maximise your productivity with AG Grid Documentation

Adaptable Tools Demo and Interview

Pablo Fonseca Interview - Streamlit AG Grid Component

What's New in AG Grid 27.1

Code Tetris in 200 Lines of Code using React

Why AG Grid's React Rendering Matters

Minimising Application Bundle Size

What's New in AG Grid 27

Quick Filter on only Visible Columns

Automatic Header Names

What's new in AG Grid 26.2

Dynamically Creating AG Grid Columns From JSON

Creating Popups in AG Grid