javascript - 每列的分组行摘要 - jqGrid

Question

我正在使用带有分组列的 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]
   
                    }
                   
                }

);

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

我将值作为逗号分隔的字符串。但我没有得到它如何与列映射

是否可以 ？任何指针都会非常棒。

Answer 1

我建议您使用groupSummary: [true]选项groupingView来创建额外的摘要行。需要为汇总行summaryType中的所有列定义属性，该属性colModel不应为空且可选summaryTpl。在答案中，我展示了如何在摘要行中创建自定义值。

您也可以像在答案中那样创建自定义分组行。我建议您使用groupSummary选项groupingView而不是创建自定义的主要原因是 jqGrid 中分组行的实现。jqGrid 使用colspan属性使分组行跨越所有列。您需要的是每列的摘要信息。因此分组摘要的内部结构更适合您的要求。唯一的缺点是不会显示折叠组的摘要信息。