jqGrid将colspan应用于列标题

Question

jqGrid是否支持列标题上的colspan？我发现这个网格控件很有用，因为它有很多功能，并且重要的是有很多文档。

样式表怎么样？如何改变网格的外观和感觉？

非常感谢

Answer 1

您可以通过下载的主题从http://jqueryui.com/themeroller/改变它的外表和感觉 - 该网站甚至允许您自定义。然后，将主题放入您的页面。

你是什么意思由colspan？如果你的意思是有一个标题跨越多列然后否，我不相信它支持。

Answer 2

我也在寻找，我没有找到任何答案。

我已经成功拿到2行头，像这样：

---------------------------------------------------------- 
| Col Group 1 (3 Columns)  | Col Group 2 (2 Columns) | 
---------------------------------------------------------- 
| Col 1 | Col 2 | Col 3 | Col 4 | Col 5 | 
---------------------------------------------------------- 

使用gridComplete事件添加一行.before在

gridComplete: function(){ 
    if (!$('#super_header').length) { 
     $('#jqgridContainer tr.ui-jqgrid-labels').before('<tr id="super_header" class="bigHeader ui-jqgrid-labels"><th class="ui-state-default ui-th-column ui-th-ltr" colspan="3">Col Group 1</th><th class="ui-state-default ui-th-column ui-th-ltr" colspan="2">Col Group 2</th></tr>'); 
    } 
}, 

我希望这有助于定义行。

编辑： 更多的测试之后，我已经意识到它并不能很好地工作，它可以乱头的第二排的宽度（Col 1到Col 5）

Answer 3

关于合并单元格，

它仍然不支持jqGrid的正式，这里是解决办法，

的jqGrid：多列行标题

由@Oleg发布的工作示例

Answer 4

从版本4.2.0开始，支持标头分组。见here

Answer 5

您可以使用

jQuery("#grid").jqGrid('setGroupHeaders', { 
    useColSpanStyle: false, 
    groupHeaders:[ 
    {startColumnName: 'col2', numberOfColumns: 3, titleText: 'Col Group 1 (3 Columns) '}, 
    {startColumnName: 'col4', numberOfColumns: 2, titleText: ' Col Group 2 (2 Columns) '} 
    ] 
}); 

设置列参数。

要删除您可以使用科拉姆头，

jQuery("#grid").jqGrid('destroyGroupHeader'); Or 
jQuery("#grid").jqGrid('destroyGroupHeader', false);