Tutorials

Filtering

Preface

To enable filtering there are 2 ways.
1 - If you want to filter over columns header than add to column property filter.
2 - Add property filter: true and to use method addFilter

Column header filter

Let's add filter in column header.

columns: [{
  index: 'name',
  title: 'Name',
  filter: {
    header: true
  }
}, {

Operators

In column header filter fields it is allowed to use operators.
Here is list of operators
For example to filter grid with age less or equal to 30 it needs to type in age header field <=30

Operators

In column header filter fields it is allowed to use operators.
Here is list of operators.

Methods

To enable filtering without adding filter fields in header it requires to add property filter: true.