Как изменить высоту заголовка в сетке jQuery?

Question

У меня есть сетка jQuery с 5 столбцами. Имя моего столбца слишком велико, поэтому я определил что-то вроде этого в своей сетке jQuery:

Information about <br/> customers bioData

В моем столбце jQuery я вижу "Информация о", но не вижу "Биоданные клиентов".

Как установить высоту заголовка?

Answer 1

Если вы имеете в виду jqGrid, похоже, что это исправление является CSS-твиком согласно следующим статьям:

http://www.trirand.com/blog/?page_id=393/help/grid-header-height/ http://2centtech.blogspot.com/2009/12/jqgrid-header-and-cell-value-word-wrap.html

.ui-jqgrid .ui-jqgrid-htable th div {
    height:auto;
    overflow:hidden;
    padding-right:4px;
    padding-top:2px;
    position:relative;
    vertical-align:text-top;
    white-space:normal !important;
}

Редактировать: Как выяснилось в комментариях rd22 , некоторые версии jqGrid могут иметь флаг !important в правиле высоты (и, возможно, другие?). Так что, если вы обнаружите, что вышеупомянутый CSS не работает, возможно, поэтому. Просто измените вышеприведенные правила, включив в них height:auto !important, и все будет хорошо.

Answer 2

Отлично, но для IE, вы также должны добавить ниже, в дополнение к классу выше.

.ui-jqgrid table.ui-jqgrid-htable {
    height:30px;
} 

Answer 3

Вам необходимо установить как высоту заголовка таблицы (th), так и высоту div.

.ui-jqgrid .ui-jqgrid-htable th {
    height: 30px;
    padding: 0 2px 0 2px;
}
.ui-jqgrid .ui-jqgrid-htable th div {
    overflow: hidden;
    position: relative;
    height: 30px;
} 

Answer 4

Добавьте следующие стили CSS между тегами style в файле jQGrid.

<style>
.ui-jqgrid .ui-jqgrid-hdiv {height:25px;}
</style>