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

TreeGrid Headers with Tooltips

Is it possible to control the rendering of the header cell in a treegrid?

I am trying to get something along the lines of what can be seen here, see the first column header ("MRO")


2 Replies 1 reply marked as answer

RI Richard December 18, 2022 12:33 PM UTC

I've worked it out myself.

By using the 'disableHtmlEncode' attribute, HTML can be added directly.

Along the lines of the following

<e-treegrid-column field="Conformance" disableHtmlEncode="false"
headerText="<span data-bs-toggle='tooltip' data-bs-placement='bottom' title='MRO defines what information is mandatory, required or optional in the standard from the user.'>MRO</span>" textAlign=Center width="40px"></e-treegrid-column>

Marked as answer

SG Suganya Gopinath Syncfusion Team December 20, 2022 12:11 PM UTC

Hi Richard,

Thanks for sharing the solution. It will be very useful. 

Please get back to us for further assistance. 


Suganya Gopinath.

Live Chat Icon For mobile
Up arrow icon