Question

我有一个jQuery网格，有5列。我的列名太大，所以我在jQuery网格中定义了类似的东西：

Information about <br/> customers bioData

在我的jQuery专栏中，我看到“有关信息”，但我无法看到“Customers BioData”。

如何设置标题高度？

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

在jQGrid文件中的样式标记之间添加以下css样式。

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

如何在jQuery网格中更改标题高度？

4 个答案: