Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
50
How to disable the default tooltip while hovering over a column or a cell in igx-grid.
posted

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.

Parents
No Data
Reply
  • 1560
    Offline posted

    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

Children