避免组 header 与 jqgrid 中的组摘要重叠

Question

我有一个使用 jqGrid 4.7.0 的 jqGrid table。我有一个由用户 Oleg 制作的演示 here，我将其分叉以使其略有不同。

以下是演示中发生的事情：

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

摘要

有没有可能改为显示 OrderID 摘要的方法？或者一般来说，不要将组摘要与组 header 重叠？我尝试了一些技巧，例如通过添加另一列来显示 none，但这不起作用。我还尝试将 groupText 设为空，但它仍然不起作用。

groupText: []

谢谢。

Answer 1

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

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

见http://jsfiddle.net/6zhhkbv6/1/

更新： 仅当您确实无法更新到免费的 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
        ...
    }
});

在此处查看演示：http://jsfiddle.net/OlegKi/6zhhkbv6/2/

避免组 header 与 jqgrid 中的组摘要重叠

Avoiding group header to overlap with group summary in jqgrid

jquery

jqgrid