JqG​​rid:自定义列名显示

时间:2014-07-06 15:28:12

标签: asp.net-mvc-4 jqgrid

我有一个jqgrid,其中显示了一些信息..

我的列名应以与下面相同的方式显示

    Canada          Australia
Month / Year     Month / Year

我是如何显示我的列,每个列名称应显示在它下面的月/年。

截至目前我的代码看起来像

  colnames: [Id,Canada,Australia,Usa]

1 个答案:

答案 0 :(得分:0)

这完全取决于您的需求。来自colNames项的文本通常是HTML片段。因此,您可以使用<br/>例如:

colNames: ["Id", "Canada<br/>Month / Year", "Australia<br/>Month / Year",
           "Usa<br/>Month / Year"]

为了增加列标题的高度,您可以包含像

这样的CSS
.ui-jqgrid .ui-jqgrid-htable th div { height: auto }

ui.jqgrid.css之后。

或者,您可能希望包含列标题中的文本。以前在the answer中讨论了这个案例。