Tooltip on Gantt data table


I need to display tooltip for data table for particular column.
I am not getting any position at particular column.
Can you please suggest.
Thanks in advance,


Hello Manisha,
Gantt doesn’t have a built-in feature to display different data for the particular column, because the grid consists of rows, not of columns. And each row consists of cells. So, you need to return a custom HTML element with the certain class for that particular column. Then you need to attach the tooltip to that HTML element by using Gantt API:
Here is an example of how it might be implemented (hover the mouse over the progress column cells):


Thanks Ramil.
I am using 6.2 version of dhtmlx gantt but the class .custom _tooltip is not there is dhtmlxgantt.css.
So when i used this class in template of column. the data for ganttchart is not visible.
Please suggest.


Hello Manisha,
You can add any class name you want and apply the styles you need.
However, I couldn’t reproduce the issue locally.
Please, reproduce the issue in the snippet, then click on the “Share” button and send me the link:
Or send me an HTML file with all the necessary Javascript and CSS files.


Hi Ramil,
Can you please suggest any way in which I can hide the tooltip for task table data row.


Hello Manisha,
You can use the following command to hide the tooltip:


Here is an example of how it might work: