проблема с оборачивать заголовки столбцов jqGrid на IE

Question

Я использую jqGrid в своих страницах, я изменил файл ui.jqgrid.css обернуть заголовки столбцов, как это:

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

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

он прекрасно работает во всех браузеров, но IE! Я пробовал IE7 и IE8, и проблема все еще там.

Answer 1

Попробуйте использовать дополнительно

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

ОБНОВЛЕНО: Мне кажется, что вместо всех этих стилей было бы лучше использовать один следующее:

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

Кажется, работает очень хорошо во всех браузерах. См. Пример here.

ОБНОВЛЕНО 2: Более подробную информацию и более подробную информацию о проблеме вы найдете в the answer.

Answer 2

Это должно работать:

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

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

Я попытался ответить Олега. Но, хотя была упаковка, высота не увеличивалась, чтобы соответствовать содержимому. Поэтому я модифицировал css, как указано выше, и работал. Я думал, что это поможет кому-то, как я. :)