No user left behind: let’s talk accessibility What's New in AG Charts 11.3 What's New in AG Grid 33.3 AG Grid Joins the Open Source Pledge What's New in AG Charts 11.2 What's New in AG Grid 33.2 What's New in AG Grid 33.1 What's New in AG Charts 11.1 End-to-End Testing for AG Grid in React with Cypress Unit testing AG Grid React Tables with React Testing Library and Vitest
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.
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.
Misc Free Online Training Courses for React and Angular with AG Grid We are aware that people have different learning styles so here are the free online training courses that we are aware of.
Misc Football Stats Direct Case Study FootballStatsDirect is a React app hosted on Firebase which charts and displays various football statistics retrieved from an external API.
How To Building CRUD operations in AG Grid with Sequelize & Angular Learn how to implement CRUD operations in AG Grid, Angular and Sequelize. We'll take you step by step through setting up and integrating AG Grid, a Node.js server with Express, Sequelize and a PostgreSQL database.
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.
Testing Cypress Plugin for AG Grid Kerry McKeever created a Cypress plugin for helping automate AG Grid. The plugin is open source and available on Github. Kerry was kind enough to spend some time with us to explain how the plugin works and demonstrate it in action.
Testing Using React Testing Library with AG Grid Having written a Podcast Player using AG Grid, we should really add some tests. This post shows how to use Jest and the React Testing Library with AG Grid.
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 Building CRUD in AG Grid with Angular and Redux Learn how to set up and perform CRUD operations in AG Grid while keeping row data inside the Redux store. We illustrate this with a live sample in Angular.
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.
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.
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.
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?
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.
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.
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.
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.
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.
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.
