How to disable the default tooltip while hovering over a column or a cell in igx-grid.

I don’t want the default tooltip to be shown on particular columns such as columns with the datatype of date, I looked into the title property of the igx-column but was unable to disable it. Is there any approach or flag where I can disable this default tooltip behavior in igx-grid. I cant use the ng-template and igx-cell directive because I am using pipeArgs in date for timezone conversion already is there any different approach apart from this where I can simple disable the default tooltip of a particular column.

Hello,

I have been looking into your question, however, after an investigation, I could say that currently property that disables default tooltip is not provided out of the box.

An approach I could suggest is to access the header and cell elements and remove their title attribute using the ngAfterViewInit method.
In case you require to remove the tooltip of some other elements, what I could suggest is to inspect them in order to find out the element which has a title attribute and remove it using the same approach.

Here could be found a sample application that demonstrates this approach.

Please test it on your side and let me know if I may be of any further assistance.

Sincerely,
Teodosia Hristodorova
Associate Software Developer

Hii, Thank you for the reply but this solution will disable the tooltip in all the columns irrespectively of the dataType, but it was very insightful as I used cellClasses property to only insert the class on the columns where I wanted to remove the title attribute.

Hello,

I am glad that you managed to achieve your requirement.

Please do not hesitate to let me know if you have any further questions on this matter.

Regards,
Teodosia Hristodorova
Associate Software Developer
Infragistics