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).
For more information about AG Grid please visit: https://ag-grid.com/
---
A series of videos showing how to get started with AG Grid and Vue.
All videos are available in a playlist:
• Vue.js Data Grid Getting Started With...
And directly available below:
- 001 - QuickStart Guide
- • Vue.js Data Grid Getting Started With...
- 002 - Enterprise Overview
- • Vue Getting Started AG Grid Enterprise
- 003 - Customizing Cells
- • Vue Custom Cell Renderer for AG Grid
- 004 - Column Filters
- • Vue Data Grid built-in column filters...
Source code for all videos is available on Github:
https://github.com/ag-grid/vue-data-g...