jqGrid - Improper alignment in jqGrid Frozen column header

Question

when i have included the following style to add wrapping to header text the alignment of frozen columns header is lost.

th.ui-th-column div {
    white-space:normal !important;
    height:auto !important;
    padding:2px;
}

How to fix the layout of the frozen column header text? Below one can see the current results

enter image description here

score 3 · Accepted Answer · edited May 23 '17 at 11:53

It seems to me that your problem exist because the height of the no-fixed column headers calculated based on height:auto is another as the height of frozen columns. Both headers are exist in separate hables of separate divs. So the height can't be the same if you use height:auto.

I think that you should set the height of the frozen headers to fixed height value which is the same as the value of non-frozen headers. I described the approach in the old answer. The another answer (see the demo) provides small modification of the old suggestion to more recent version of jqGrid.

jqGrid - Improper alignment in jqGrid Frozen column header

1 Answers1