Hi
I have a requirement that in a igGrid header must not warp into two line (if header text is too long). Instead of that it must do cut text in header and show the whole text as tool tip?
How can we achieve this As i am not able to find an API for this?
Hello Ankur,
Please tell me which version of our product you are using. By default there is no text wrapping in the column headers.
Regards,Ivaylo HubenovEntry-level developer
we are using latest version.
Can you please let me know how can we implement?
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.
Thanks it works for me. But how can we show tool-tip of header text.
Can you please let me know?
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"); }}