problema con il wrapping delle intestazioni delle colonne jqGrid su IE

Sto usando jqGrid nelle mie pagine, ho modificato il file ui.jqgrid.css per racchiudere le intestazioni delle colonne in questo modo:

.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 browser ma IE! Ho provato IE7 e IE8 e il problema è ancora là fuori.

Prova ad usare in aggiunta

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

AGGIORNATO : Mi sembra che, invece di tutti questi stili, sarebbe meglio usare uno dei seguenti:

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

Sembra funzionare molto bene su tutti i browser. Guarda un esempio qui .

AGGIORNAMENTO 2 : ulteriori informazioni e ulteriori dimostrazioni sul problema che puoi trovare nella risposta .

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 provato 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. 🙂