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")

https://prsb2.vercel.app/page/provenance-data-standard




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. 

Regards,

Suganya Gopinath.


Loader.
Up arrow icon