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

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

Information about <br/> customers bioData

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

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

Ответ 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, и вам должно быть хорошо идти.

Ответ 2

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

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

Ответ 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;
}

Ответ 4

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

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