How do I get a tooltip inside of a header and maintain header functionality ?

[Web]

This doesn't work

 

  columns.Bound(p => p.Similarity).ClientHeaderTemplate("<a class='k-link myHeaderTemplate' href=''>Your Title <span class='glyphicon glyphicon - question - sign' data-toggle='tooltip' title='Sample tooltip'></span> </a>");

 

I don't see the tooltip at all.

 

How do I fix this ? 

[Preslav]

Hello,

I believe that the easiest way to add a title tooltip to the header of a column is to handle the dataBound event. In the event, via jQuery, add the desired title attribute to the desired th element. For example:

function onDataBound(e){
    e.sender.element.find("th[data-field='Similarity']").attr("title", "Sample tooltip");
};

I hope this helps.


Regards,
Preslav
Progress Telerik