Local filtering

Filter conditions per column

Filter API i.e., call to filter method programmatically supports unlimited filter conditions per column, however

• header filter dropdown displays only upto 2 filter conditions per column
• header filter row displays only one filter condition per column

header filter row is activated by filterModel.header = true and filter icon is displayed beside every filter input control in the same row with filterModel.menuIcon option.

In the header filter row in this example:

Order ID & Order Date columns have between filter condition.

Order Date column has jQueryUI date editor with minimum and maximum dates fetched from Order Date column data itself.

Shipping Region column filter has its options grouped by ShipCountry with filter.groupIndx option.