Jquery 在jqgrid中避免组标题与组摘要重叠

Jquery 在jqgrid中避免组标题与组摘要重叠,jquery,jqgrid,Jquery,Jqgrid,我有一个使用jqGrid 4.7.0的jqGrid表。我有一个由用户Oleg制作的演示,我把它分成了不同的部分 下面是演示中发生的情况: 我想显示OrderID的摘要,并启用分组和折叠(加号和减号图标)。但是,如您所见,默认情况下,组标题与我的组摘要重叠,因此它不显示OrderID的我的摘要 是否有可能改为显示OrderID摘要?或者,一般来说,不要将组摘要与组标题重叠?我尝试了一些技巧,比如通过添加另一列来显示“无”,但这不起作用。。我还尝试将groupText设置为空,但仍然不起作用 gro

我有一个使用jqGrid 4.7.0的jqGrid表。我有一个由用户Oleg制作的演示,我把它分成了不同的部分

下面是演示中发生的情况:

我想显示OrderID的摘要,并启用分组和折叠(加号和减号图标)。但是,如您所见,默认情况下,组标题与我的组摘要重叠,因此它不显示OrderID的我的摘要

是否有可能改为显示OrderID摘要?或者,一般来说,不要将组摘要与组标题重叠?我尝试了一些技巧,比如通过添加另一列来显示“无”,但这不起作用。。我还尝试将groupText设置为空,但仍然不起作用

groupText: []

谢谢。

您可以使用定义为函数的
groupText

groupingView: {
    groupText: [function (gv, cnt, summary) {
        return summary[0].v;
    }],
    ...
}

更新:只有当您确实无法更新到免费jqGrid并且必须使用旧版本的jqGrid(例如4.7)时,才可以使用以下棘手的解决方法:

// first subclass $.jgrid.template method
var oldJgridTemplate = $.jgrid.template;
$.jgrid.template = function (template) {
    if (template !== "myDummyTemplate") {
        oldJgridTemplate.apply(this, $.makeArray(arguments).slice());
    }
    return arguments[3][0].v;
};

...
$("#jqGrid").jqGrid({
    ...
    groupingView: {
        groupText: ["myDummyTemplate"], // dummy template
        ...
    }
});

请参见此处的演示:

groupText作为功能是否仅在4.8.0中可用?它不适用于jqGrid 4.7.0:(@blenzcoffee:是的,这是一个新功能。如果你真的无法更新到免费的jqGrid,而不得不使用jqGrid 4.7.0,那么你可以使用我在更新的答案中描述的棘手的解决方法。