问题：jqgrid双标题问题

Question

我试图在我的 jqgrid 中保留双标题。但我不断得到

Length of colNames < > colModel!

我尝试过的代码

 var grid = $("#list"),
                mydata = [
                   {date:"1",aaa:"2007-10-01",bbb:"test",cccc:"note",ddd:"200.00",eee:"10.00",fff:"210.00",ggg:"",hhh:"",proj:"",iii:""},
];

colModel:[
                    {name:'date',index:'date',key: true,width:100,sorttype:"text"},
                    {name:'time',index:'time',key: true,width:100,sorttype:"text"},
....
jQuery("#list").jqGrid('setGroupHeaders', {
     // useColSpanStyle: true, 
      groupHeaders:[
        {startColumnName: 'date',numberOfColumns: 1, titleText: '<em>Price</em>'},
        {startColumnName: 'time',numberOfColumns: 1, titleText: 'Shiping'}
      ] 
    });

我需要 Date 在第二个标题中的第一个标题时间。

有什么帮助吗？

Answer 1

看起来您只需要创建多行列标题而不是将某些列标题组合在一起。因此setGroupHeaders的用法是错误的。

您需要使用长列标题文本的换行（请参阅the answer）或仅在列标题文本中包含<br/>（请参阅another answer）。重要的是要了解colModel 的colNames 或label 属性包含将在列标题中设置的HTML 片段。因此可以使用 HTML 标记。取决于您使用的 jqGrid 版本，您可以使用额外的 CSS 规则

.ui-jqgrid .ui-jqgrid-htable th div { height: auto }