Problem mit Einwickeln jqGrid Spaltenüberschriften auf IE

Question

ich jqGrid in meinen Seiten bin mit, geändert ich die ui.jqgrid.css Datei die Spaltenüberschriften wie diese zu wickeln:

.ui-jqgrid tr.jqgrow td { 
    white-space: normal !important; 
} 

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

es funktioniert gut in allen die Browser aber IE! Ich habe versucht, IE7 und IE8 und das Problem ist immer noch da draußen.

Answer 1

Versuchen zusätzlich

.ui-th-div-ie { 
    white-space:normal !important; 
    height:auto !important; 
} 

AKTUALISIERT zu verwenden: Es scheint mir, dass anstelle von all diesen Arten wäre es besser, eine verwenden folgende:

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

Es scheint sehr arbeiten gut in allen Browsern. Siehe ein Beispiel here.

AKTUALISIERT 2: Weitere Informationen und weitere Demos zum Problem finden Sie unter the answer.

Answer 2

sollte diese Arbeit:

th.ui-th-column div{ 
    height:auto!important; 
} 

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

Ich habe versucht, die Antwort von Oleg. Aber, obwohl es Verpackung gab, erhöhte sich die Höhe nicht, um dem Inhalt zu entsprechen. Also habe ich das CSS wie oben geändert und funktioniert. Ich dachte, es würde jemandem da draußen wie mir helfen. :)