CODEWITHSUNDEEP
jquerysortingjqgrid
Happy Coder
Happy Coder

Reputation: 4682

jQGrid show sort icons always

I have a problem in jQGrid that when the column name is little large and if resizable set to false, it is not showing sort icons. In large monitors it is showing correctly . But in laptops and other small displays, it is hiding the sort icons. Can we wrap the title so it will be shown in next line along with the sort icons if the header text is large ?

Upvotes: 1

Views: 957

Answers (2)

Oleg
Oleg

Reputation: 221997

The problem which you describes was the main reason of the introduction of new option

sortIconsBeforeText: true

in free jqGrid. The results you can see on the demo http://jsfiddle.net/OlegKi/qzxwfquq/4/ . I recommend you to add the option headertitles: true too. It allows the user to see the full text of the column header as tooltip:

enter image description here

Upvotes: 0

Ibrahim Khan
Ibrahim Khan

Reputation: 20740

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {       
    white-space: normal !important;
}

This worked for me.

Upvotes: 1

Related Questions