Tooltips in a Grid Column - they come and they go...

[paulharv]

Hi,

I'm using images in the header of some columns in a grid.

A typical column config looks like this...



...
{
header: "<img src='images/checkbox.gif' alt='Recommend this idea?' />",
tooltip: 'Recommend this idea?',
menuDisabled: true
// other settings
}
...


When I mouseover the column header I see the ExtJS tooltip, and as I continue to mouseover the image I get the image's alt tag text. (If I ommit the alt tag, the ExtJS tooltip simply disappears as I mouseover the image.)
Is there a way to have only the ExtJS tooltip showup and display as long as my pointer is on the header?

Thanks

[ashaihullin]

hm... works perfectly for me without alt tag and using just tooltip property


...{header: '<img src=../images/icon_sms.png />', tooltip: 'blabla', width: 25, fixed: true, id: 'sms', dataIndex: 'sms', renderer: this.booleanResolver, menuDisabled: true},...