Basics

Formatting

Context menu

Drag n Drop

Spreadsheet

Tabs

Export (csv, html, pdf, xlsx )

RTL Layout

Layouts

Rows

Paging

Big data

Columns

Cells

Inline editing

Row Grouping

Pivot

Sorting

Filter

Selections

Nesting / Row details

Tree grid

Charts

Angular

React React

Vue Vue

Knockout

;

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.