problema con envolver encabezados de columna jqGrid en IE

Estoy usando jqGrid en mis páginas, modifiqué el archivo ui.jqgrid.css para ajustar los encabezados de las columnas de esta manera:

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

funciona bien en todos los navegadores pero IE! Intenté IE7 e IE8 y el problema sigue ahí.

Intenta usar adicionalmente

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

ACTUALIZADO : me parece que, en lugar de todos estos estilos, sería mejor usar uno siguiente:

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

Parece que funciona muy bien en todos los navegadores. Vea un ejemplo aquí .

ACTUALIZADO 2 : Más información y más demostraciones sobre el problema que puede encontrar en la respuesta .

Esto debería funcionar:

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

Intenté la respuesta de Oleg. Pero, aunque había envoltura, la altura no aumentó para ajustarse a los contenidos. Así que modifiqué el CSS como arriba y funcioné. Pensé que ayudaría a alguien como yo. 🙂