Проблема с переносом заголовков столбцов jqGrid в IE - PullRequest
Новая
       50

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

6 голосов
/ 04 сентября 2010

Я использую 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, и проблема все еще существует.

Ответы [ 2 ]

22 голосов
/ 04 сентября 2010

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

.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;
}

Кажется, все браузеры работают очень хорошо. Смотрите пример здесь .

ОБНОВЛЕНО 2 : Больше информации и демонстраций о проблеме вы найдете в ответе .

1 голос
/ 17 июля 2014

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

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, как указано выше, и сделал работу.Я думал, что это поможет кому-то вроде меня.:)

...