а

Tooltip on Gantt data table


#1

Hello,
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,
Manisha


#2

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:
https://docs.dhtmlx.com/gantt/desktop__tooltips.html#customizationoftooltipbehavior
Here is an example of how it might be implemented (hover the mouse over the progress column cells):
http://snippet.dhtmlx.com/55dbf7817


#3

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.


#4

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:
https://snippet.dhtmlx.com/3a7e741de
Or send me an HTML file with all the necessary Javascript and CSS files.