New to Kendo UI for Angular? Start a free 30-day trial

Filtering

The Gantt enables you to display only those data records which meet specified criteria.

Getting Started

To enable filtering:

  1. Set filterable to true.
  2. Handle the filterChange event.
  3. Bind the filter option to the respective class field.

The filtering conditions are declared as FilterDescriptors. Each consecutive filter is added to the previous ones and reduces the subset of data. For additional information, refer to the article on the process helpers for bulk data operations.

Alternatively, you can automate and customize the filtering functionality through the available data-binding directives.

The following example demonstrates how to implement the filtering functionality of the Gantt.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?