problema con avvolgimento jqGrid intestazioni delle colonne su IE

Question

sto usando jqGrid nelle mie pagine, ho modificato il file ui.jqgrid.css per avvolgere le intestazioni delle colonne come questo:

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

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

funziona bene in tutti i i browser ma IE! Ho provato IE7 e IE8 e il problema è ancora là fuori.

Answer 1

Tenta di utilizzare in aggiunta

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

AGGIORNATO: Mi sembra, che, invece di tutto questo gli stili che sarebbe stato meglio utilizzare una seguente:

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

Sembra funzionare molto buono in tutti i browser. Guarda un esempio here.

AGGIORNATO 2: Ulteriori informazioni e ulteriori dimostrazioni sul problema che è possibile trovare in the answer.

Answer 2

Questo dovrebbe funzionare:

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

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

ho cercato la risposta di Oleg. Ma, sebbene ci fosse l'involucro, l'altezza non aumentava per adattarsi al contenuto. Così ho modificato il css come sopra e ho funzionato. Ho pensato che possa aiutare qualcuno là fuori come me. :)