Custom AG Grid floating filters using React Components
Floating Filter Components allow you to add your own floating filter types to AG Grid.
In this video, Niall Crosby, CEO of AG Grid, demonstrates how to create custom AG Grid floating filters using React Components. The floating filters use the underlying filter for the column and add a layer of rendering and editing to make filtering easier for the user.
00:00 Intro & Project Overview
00:20 Enabling reactiveCustomComponents
00:31 Custom Filter Recap
01:15 Using Default Floating Filter
02:20 Creating a Custom Filter Component
04:26 Recap
04:55 Filter Lifecycles
07:04 Outro
Learn more about Custom Floating Filters: https://www.ag-grid.com/react-data-gr...
The source code for all videos is available on Github: https://github.com/ag-grid/react-data...
All videos are available in a playlist: • React and AG Grid Tutorial
If you're using AG Grid v31.0.1 or earlier, refer to our previous video: • Custom AG Grid floating filters using...
---
AG Grid works with React, Angular, Vue, and JavaScript. Available as a free community edition and commercially as an Enterprise product (full support and more features).
For more information about AG Grid please visit: https://ag-grid.com/