The following demo illustrates how to filter the tasks inside the GanttChart component. Two types of filtering are avaialble: default and advanced( via the filterRow). The default filtering mode filters all columns based on their cell values. Cell value might not be the same as the cell's actual content that appear inside the Table. The cell value is determined by the column settings defined in the taskColumn property. For example, the Priority column uses a formatFunction to display the priority labels ('Low', 'Medium', 'High') instead of the actual numeric values that represent them. The filtering is applied on the numeric values of the column since they represent the actual priority of the task.

Filter Row

Click on the button to enable or disable filter row