We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Pop up with full name appers only for some of the cloumns


I am  using a Gantt chart and it seems like some when i hover with the mouse over a header that are wider then the column a pop up appear with the full name for some of the columns and some are not (they all have "...")

how can I enable this for all header that are wider then the column? 

Screenshot 2022-11-20 170010.png

Screenshot 2022-11-20 170058.png

1 Reply 1 reply marked as answer

GM Gopinath Munusamy Syncfusion Team November 23, 2022 08:17 AM

Hi Eyal Jacoby,

You can able to render the tooltip when hover above the custom column header by using the clipMode property as EllipsisWithTooltip inside the ColumnDirective. For your reference, a sample and code snippets are attached. Check the sample and code snippets below for more details.

Code Snippets:


<ColumnDirective field='Custom'

            clipMode='EllipsisWithTooltip' >

Sample: https://stackblitz.com/edit/react-znee3c?file=index.js

UG Documentation: https://ej2.syncfusion.com/react/documentation/api/treegrid#clipmode


Gopinath M

Marked as answer
Live Chat Icon For mobile
Up arrow icon