具有相同列名的 jqgrid 中的多级 header

Question

我正在将数据表转换为 jqgrid.Here 是我的数据表示例的样子 this

我面临的问题是由于每个 header.How 中的列名相同，我们可以在 jqgrid 中使用 'setGroupHeaders' 来实现如图所示的结构吗？ colModel、colNames 和 setGroupHeaders 应该是什么样的？

Answer 1

使用起来非常简单。 The demo 显示类似

的结果

对应代码如下

.jqGrid("setGroupHeaders", {
    useColSpanStyle: true,
    groupHeaders: [
        {
            startColumnName: "amount",
            numberOfColumns: 6,
            titleText: "<span style='font-size:18px'>Order Details</span>"
        }
    ]
})
.jqGrid("setGroupHeaders", {
    useColSpanStyle: true,
    groupHeaders: [
        { startColumnName: "amount", numberOfColumns: 3, titleText: "<em>Price</em>" },
        { startColumnName: "closed", numberOfColumns: 2, titleText: "Shiping" }
    ]
});

提醒我用free jqGrid in the demo. It's the fork which I develop after making old fork developed by Tony commercial (see here) and renaming it to Guriddo jqGrid JS (see the post).

具有相同列名的 jqgrid 中的多级 header

Multilevel header in jqgrid with same column names

jqgrid