What's New in AG Grid 28.2 Using React Hook Form with AG Grid Add new rows using a pinned row at the top of the grid What's new in AG Grid 28.1 Using Playwright to Test AG Grid React Apps Using AG Grid in Electron Applications Using React-Bootstrap and AG Grid How to Optimize a React Application Using Hooks and AG Grid Typescript Generics Why Use a Third-Party Data Grid Component?
Releases What's New in AG Grid 28.2 AG Grid 28.2 adds support for SolidJS and allows to customize the chart UI. There are also many improvements in performance and stability.
How To Using React Hook Form with AG Grid This post contributed to the AG Grid blog by Funmilayo Olaiya. Forms are commonly used on various online websites, web applications, mobile apps, and the like for information input and collection, data validation,
How To Add new rows using a pinned row at the top of the grid Learn how to add new rows to the grid using a special pinned row at the top of the grid. Sample code provided in JavaScript/Angular/React/Vue.
Releases What's new in AG Grid 28.1 AG Grid 28.1 adds disabled checkboxes to the grid and crossing lines to the chart along with many improvements in performance and stability.
Testing Using Playwright to Test AG Grid React Apps You’ll learn how to create a simple React application that utilizes AG Grid and validate the functionality of that application at an E2E and component testing level using Playwright.
Tutorial Using AG Grid in Electron Applications In this article, you’ll learn how to integrate AG Grid into your Electron app. You’ll create a simple to-do app with native functionality to save and restore its state from a JSON file.
Tutorial Using React-Bootstrap and AG Grid In this article, you’ll learn how to integrate React-Bootstrap with AG Grid and see how easy it is to use both tools to build a compelling, user-friendly UI.
React How to Optimize a React Application Using Hooks and AG Grid In this guide, you’ll learn about some React optimizations. You’ll also learn about some common mistakes that can lead to unnecessary renders, and you’ll see how you can avoid them.
Javascript Typescript Generics In this article, we will show you how to make the most of Typescript Generics in AG Grid. We will demonstrate the great developer experience it unlocks with the help of code examples.
Misc Why Use a Third-Party Data Grid Component? For most projects, a third-party data grid component beats building a data grid yourself. Going with a third-party solution saves your team many months of planning, development, and testing. Furthermore, third-party grid components offer the best long-term support from professional developers
Releases What's new in AG Grid 28 AG Grid 28 adds sticky group rows, column headers with word wrapping, improved theming using CSS variables, exporting row groups to Excel as expandable/collapsible and many more.
Misc JS Nation and React Summit June 2022 Overview June was a busy month for the AG Grid team as we were sponsoring and presenting at the JS Nation and React Summit conferences in Amsterdam
Misc How to evaluate a Javascript Data Grid What do we do when hunting for a new component to meet a specific need? How do we answer the question "What is the best Data Grid?"
React Geekle React Global Summit 2022 Overview The Geekle React Global Online Summit took place in April 2022, AG Grid helped sponsor the conference
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.
Misc Angular Nation's AG Grid Music Video Back in May of 2022, Bonnie and Samantha from Angular Nation made a trip over to London to visit the AG Grid offices where they shot the footage for an Angular Nation AG Grid Music video.
Misc AG Grid on The Angular Plus Show Podcast Stephen Cooper was guest on [The Angular Plus show podcast which was released on 8th July 2022. Describing his move into Angular, Automatically Creating Documentation and Examples... and more.
Angular Upcoming changes to AG Grid Angular in v28 We want to give you notice of the changes that are coming to our Angular wrappers in v28 and actions that you can take now to make the upgrade as smooth as possible.
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 React Data Grid: Use React Hooks to build a Pomodoro App Learn how to use React Hooks and AG Grid to build a Pomodoro productivity app. See the detailed explanation and get the source code on github.
React Using AG Grid with React and Next.js If you’ve worked with React recently, you’ve likely heard of, a popular React framework with a great developer experience. Next.js combines well with many other technologies, including AG Grid. Discover how they work together.
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.
