两行或更多行上的Jqgrid标头

时间:2011-02-04 09:29:14

标签: jquery jqgrid

我有以下问题: 我需要在Jqgrid上添加两行或更多行标题内容。 我看到Zac在jqgrid double headers提供的替代方案中提供的示例,但是通过仅更改css我没有对网格进行任何更改。 是否有可能有一个更完整的例子来重现行为? 谢谢 安吉洛

1 个答案:

答案 0 :(得分:22)

如果我理解你是正确的,你想拥有多行列标题。您可以使用以下附加CSS来执行此操作

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

之后你会有像这里的列 enter image description here

在示例中,文本'Amount in EUR'被自动包装,并且在第一个标题的文本中,换行明确地使用'Inv
No'。

the answer中,您会看到演示的链接。

更新:在the answer中,您会找到更多近期代码。