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/filter-custom/ 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/