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

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

您可以创建自定义分组行，如the answer或者。我建议您使用groupingView的groupSummary选项而不是创建自定义的主要原因是jqGrid中分组行的实现。 jqGrid使用colspan属性使分组行跨越所有列。您需要的是每列的摘要信息。。所以分组摘要的内部结构更符合您的要求。唯一的缺点是折叠组不会显示摘要信息。