Javascript 每列分组行中的摘要-jqGrid

我使用jqGrid-4.4.1对列进行分组

我可以进行分组，但我确实需要类似的东西：

jqGrid的示例代码：

$("#gridData").jqGrid({
                    colModel: colData, // col model array
                    colNames: colNamesArray, // column names array
                    data: rows, // data
                    datatype: "local", 
                    height: 'auto',
                    width: '100%',
                    viewrecords: false,
                    sortorder: "asc",
                    gridview: true,
                    grouping:true, 
                    groupingView: { 
                        groupField: ['Group'],
                        groupColumnShow: [false]
   
                    }
                   
                }

))

目前，我有这样的东西：但是我需要在分组行中为每列使用逗号分隔的值。

我将值作为逗号分隔的字符串。但我不知道如何用列映射它

---

可能吗？任何指针都非常好。

我建议您使用

groupSummary:[true]

选项

groupingView

来创建额外的摘要行。需要为

colModel

中的所有列定义

summaryType

属性，其中摘要行不应为空，并且可以选择

summaryTpl

。在中，我演示了如何在摘要行中创建自定义值

---

您也可以像中一样创建自定义分组行。我建议您使用

groupingView

的

groupSummary

选项而不是创建自定义的主要原因是jqGrid中的分组行的实现。jqGrid使用

colspan

属性使分组行跨越所有列。您需要的是每一列的摘要信息。因此，分组摘要的内部结构更适合您的需求。唯一的缺点是折叠组的摘要信息不会显示。

@Mark:谢谢链接。我知道这一点。在我的例子中，我需要每个列的摘要行。非常有趣，我四处查看了一下，但目前我看到的实现您想要的功能的唯一方法是修改分组行，类似于我发布的链接，然后在该行中为您显示的每一天列重新构建列，并将它们添加到该行中。这可能有点黑客化，但应该会奏效……否则其他人会给出更好的答案。@Mark:再次感谢您的关注。我发现的一种方法是使用带有隐藏列标题的子网格。但我正在努力隐藏子网格列。参考链接：我看了这个问题，并调查了它。使用正确的jQuery语法，您应该能够使用

.hide（）

调用来隐藏子网格。使用这种方法，您的摘要行是否可以在不扩展组的情况下显示？非常感谢您的回复。我已经看过了你的SO档案，我真的很受你回答问题的天性和态度的激励。上帝保佑你，先生。在为这个需求寻找替代解决方案时，我偶然发现使用了不带列标题的子网格。但是，我也会检查这一个。@HardikMishra:这两个解决方案都会有仔细的观察。您应该根据项目的其他要求更好地决定哪种方式更适合您，哪种方式更接近网格中显示的信息的性质。@Oleg移动该groupSummary行可能没有简单的方法？我从示例中得到了一个关键要求，即摘要信息必须位于分组行的顶部。然而，我只是做了一些假设。@HardikMishra:我认为移动汇总行并不困难。看看同样，您也可以移动分组摘要行。