1)You can see here an eye icon and I want if someone clicks the eye icon on a particular row, that row will disappear from the UI.
2) The second thing I want is if someone clicks on the grid header eye icon then those rows that disappear from the chart will come to the eye but its whole row opacity should be 0.4. so how can I do this?
please help me.
@ramil
Hello,
You can see here an eye icon and I want if someone clicks the eye icon on a particular row, that row will disappear from the UI.
You can use Filtering Tasks to display only visible tasks:
https://docs.dhtmlx.com/gantt/desktop__filtering.html
You have the ability to set a custom task property, which will define the visible value and filter tasks by using the onBeforeTaskDisplay event handler and return:
- true, for a task you want to display
- false, for a task you want not to display
Please check the following snippet:
https://snippet.dhtmlx.com/5noqunm2
The second thing I want is if someone clicks on the grid header eye icon then those rows that disappear from the chart will come to the eye but its whole row opacity should be 0.4. so how can I do this?
You’re able to set a custom element in the label parameter of the columns object:
https://docs.dhtmlx.com/gantt/api__gantt_columns_config.html
And you can add the required functionality by attaching onclick handler to your custom element.
You have the ability to set the required CSS styles via grid and timeline templates:
https://docs.dhtmlx.com/gantt/desktop__timeline_templates.html
https://docs.dhtmlx.com/gantt/desktop__table_templates.html
Please check the example of how it might be implemented:
https://snippet.dhtmlx.com/ni1xsqex