Vue Data Grid built-in column filters overview for AG Grid

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).

---

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:

[iqpuemo]

Hello. tell me how to make it so that when applying one filter in another filter, the filter selection changes. let's say you applied the first filter "year 2000" and in the filter "country" select rows where there is only 2000?

[mukulatal]

Hi, can we know that how to apply time filter using ag-grid angular as in date filter it ignores time?