Adding Tooltip to GridTemplateColumn with JavaScript

[David]

We have a column header that looks like this:

   <telerik:GridTemplateComlumn DataField="Venues" HeaderText="Venue">

 

I would like to add a tooltip to this column header but have been having a hard time figuring out a way to do this in JavaScript.
I have tried using the following scripts:

document.querySelectorAll("[value=Venue]").setAttribute('title', 'this is a tooltip');

$("[value=Venue"]).prop('title', 'this is a tooltip');
$("[HeaderText=Venue").prop('title', 'this is a tooltip');

I understand that telerik has findControl() and findElement() to help with element selection, but haven't had too much luck with those either.

Does anyone know a way that I can select this specific column header with JavaScript and apply a tooltip (title)?

[Marin Bratanov]

Hi David,

I believe the following question and answer is very close to your case: https://www.telerik.com/forums/radtooltip-manager-on-radgrid-column-header#0dRRHdn4qEGjE1dNmFCsKQ. The other option is to loop the th elements in the RadGrid with jQuery and check their text content until you get the desired header text value, so you can change the title attribute of the targetted th element.

Regards,
Marin Bratanov
Progress Telerik