In this video Marats Stelihs JavaScript Developer at AG Grid, provides an overview of the built-in column filters for AG Grid. This video uses the Vue Data Grid. Columns can be filtered to allow the user to configure the data shown in the grid. Three filters are supplied with AG Grid community edition: text, number and date. An additional set and multi filter are available to the enterprise edition. The filters can also be configured through the API.
00:00 Create a Basic Grid
00:22 Adding Filtering to Grid
01:05 Text Filter Type
01:24 Date and Number filters
02:32 Parameterised Filters
03:28 Apply and Cancel buttons
05:02 Custom comparators
05:38 Save and Restore Filter State
08:05 Floating Filters
08:43 Set and Multi Filter
11:30 Filter Dialog Parent
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: [ Ссылка ]
---
A series of videos showing how to get started with AG Grid and Vue.
All videos are available in a playlist:
[ Ссылка ]
And directly available below:
- 001 - QuickStart Guide
- [ Ссылка ]
- 002 - Enterprise Overview
- [ Ссылка ]
- 003 - Customizing Cells
- [ Ссылка ]
- 004 - Column Filters
- [ Ссылка ]
Source code for all videos is available on Github:
[ Ссылка ]
![](https://i.ytimg.com/vi/mBtVxJXWGNI/maxresdefault.jpg)