两行或多行的 Jqgrid 标题答案

【问题标题】：Jqgrid headers on two or more rows两行或多行的 Jqgrid 标题
【发布时间】：2011-02-04 09:29:13
【问题描述】：

我有以下问题：我需要放置 Jqgrid 的两行或多行标题内容。我在替代项下看到了 Zac 在jqgrid double headers 上提供的示例，但是仅通过更改 css 我在网格上没有任何变化。是否有可能有一个更完整的例子来重现行为？谢谢安杰洛

【问题讨论】：

标签： jquery jqgrid

【解决方案1】：

如果我理解你是正确的，你想要多行列标题。您可以使用以下附加 CSS 来做到这一点

<style type="text/css" media="screen">
    th.ui-th-column div{
        white-space:normal !important;
        height:auto !important;
        padding:2px;
    }
</style>

之后，您将拥有像这里这样的列

在示例中，文本“Amount in EUR”被自动换行，并且在第一个标题的文本中，换行符明确地使用“Inv
No”。

在the answer 中，您将看到演示链接。

更新：在the answer 中，您会发现更新的代码。

【讨论】：

非常感谢您的及时回复。它就像一个魅力。问候， angellinux
+1 太棒了我正要问这个确切的问题，希望奥列格能回答……但他已经回答了。
+50 赏金已添加，将用于 Olegs 的回答。只需等待（1 天）即可获得奖励。
@Oleg：这个“补丁”在调整列大小时非常奇怪。如果只拖动标题单元格的顶部 20-30 像素，则可以调整列的大小。
@netme：谢谢。您可以另外使用.ui-jqgrid .ui-jqgrid-resize {height:100% !important;} 来解决问题。