Custom Filter React Components for AG Grid's React Data Grid
Custom filter components allow you to add your own filter types to AG Grid. Learn how to build a custom filter component using reactiveCustomComponents, introduced in v31.0.2.
In this video, Niall Crosby, CEO of AG Grid, shows how you can use a custom component as a filter, and how to wire up the relevant callbacks to implement basic filtering functionality.
00:00 Intro
00:12 Enabling reactiveCustomComponents
00:30 Configuring filter
00:55 Adding Custom Filter Component
01:32 Adding Filter Logic to Component
04:30 Summary
04:50 Using a Custom Filter on Multiple Columns
06:27 Custom Filter params
Learn more about AG Grid Custom 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 Filter React Components for AG...
---
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