Gantt chart multiple header filters in angular

We are trying to display text filters and dropdown filters in gantt chart grid headers. Filtering with one column is working file but need some help on filtering with multiple columns. Can someone guide me with some snippet?

Hello Krishna,
Gantt doesn’t have built-in filter elements for the grid columns.

And to filter tasks, you need to use the onBeforeTaskDisplay event handler:
https://docs.dhtmlx.com/gantt/api__gantt_onbeforetaskdisplay_event.html

This means if you want to filter by several columns, you need to implement the logic that will work with several filters and return true or false depending on several values.

Here are examples that can help you to start implementing your solution:

And you can also use 3rd-party libraries to generate filters in the UI:
https://snippet.dhtmlx.com/i2wxpq19