Custom Filter Templates for AG Grid's Vue Data Grid
The default filters provided by AG Grid can be customised both in terms of the GUI and the underlying logic to filter the items. In this video Marats Stelihs explains how to create a custom filter and all the API methods associated. This is a very powerful customisation feature and is worth mastering.
00:00 creating custom filters
01:26 API Interface
02:44 Creating the GUI
03:40 Implementing Filtering
04:25 Filtering with Options
05:18 Using filterParams and props
07:35 Make Filter GUI Configurable
09:33 Filter Models
11:47 optional and mandatory methods
12:18 getModelAsString
13:45 onNewRowsLoaded
14:11 onAnyFilterChanged
14:50 destroy
15:47 afterGuiAttached
16:25 Api calling filter
18:00 Summary
Learn more about custom filters https://ag-grid.com/vue-data-grid/fil...
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/