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
Tooltips for Jquery grid headers

Is there a way to get tooltips for the grid headers and not the data cells? 

  • 360
    Verified Answer
    Offline posted

    Hello Nick,

    I have been looking into your question and currently we don’t provide a build in tooltips for the headers of the igGrid, it supports custom tooltips through the Tooltips feature only for data cells.

    However, what I could suggest as an approach to achieve your requirements and add a tooltip for the column headers after you create the igGrid you should add "title" attribute to the "th" element of the column. Each "th" element has "id" attribute which has the following structure "<gridId>_<columnKey>" where <gridId> is the id of the grid and <columnKey> is the key of the column.

    $("# gridId_ColumnKey").attr("title", "Your custom text.");

    The described scenario could be observed here:


    In addition, I have prepared small sample illustrating this behavior which could be found here. Please test it on your side and let me know how it behaves.

    If you require any further assistance on the matter, please let me know.


    Georgi Anastasov

    Entry Level Software Developer


  • 0
    Offline posted

     I am trying to use kendo tool tip on my grid headers. It is working fine, but I am getting white space on the background of the header when i mouse over on ... balenaetcher download

  • 0
    Offline posted

    As business travel becomes an increasingly common part of the workday for many professionals, the need for the right gear to keep up is more important than ever. For those of us who are constantly on the go, having a reliable and stylish backpack is essential.

  • 0
    Offline posted

    Yes, it is possible to have tooltips specifically for grid headers and not the data cells bitlife. The exact implementation may depend on the specific grid library or framework you are using for your application.

  • 0
    Offline posted

    Use jQuery to attach the tooltip functionality to the grid header incredibox elements. You can achieve this by selecting the grid header elements using a jQuery selector and then calling a tooltip method or function on those elements.