Hello Ankur,

The easiest way to show tooltip to an element is via its "title" attribute. For example, adding titles to every header:

rendered: function(evt, ui) {
    var headers = $("th.ui-iggrid-header");
    for(var i = 0 ; i < headers.length ; i++) {
        $( headers[i] ).find("span.ui-iggrid-headertext")[0].title = $(headers[i]).attr("aria-label");
    }
}

Please feel free to contact me if you have further questions.

Regards,
Ivaylo Hubenov
Entry-level developer

Thanks it works for me. But how can we show tool-tip of header text.

Can you please let me know?

Hello Ankur,

In the Infragistics.css file there is a specification for the igGrid headers not to wrap text. Most likely some custom class overrides this in your case. What you could do is manually set the css property "white-space" of the headers to "nowrap". For example:

$("th.ui-iggrid-header").css("white-space", "nowrap");

Please feel free to contact me if you have further questions.

Regards,
Ivaylo Hubenov
Entry-level developer

we are using latest version. 

Can you please let me know how can we implement?