Vue Grid simple filtering

In order to activate the filtering feature you have to move the cursor over a column header and click the dropdown button to open the filtering menu. JQWidgets Grid for Vue.js supports all the important row filtering conditions such as: contains, contains with a match case, empty, starts with, ends with, equals, equals with a match case and is null. The filtered value can be string, number or date

Custom filter menus and row filters

Our Vue grid can have different filtering menu types. There are several built-in filtering menus amongst which is the Textboxes filter. This type of filter is very useful when you want to preset the values with which to do the filtering. To create custom filter menus, you will have to override the built-in Filter Menu by implementing the "createfilterpanel" function. The filter row option gives the capability to place a row having all the filters below the column header row.

Excel-like filters and filter conditions

With our grid Vue grid you can implement also excel like filtering which represents a list box with check boxes on the left of the items. In addition to that all the conditions available in the columns popup menu can be customized.

Date and range filters

One additional advanced feature is the capability to have date and range filters with a calendar. Using this option you can filter dates by using all the available options in our advanced calendar component.