jqgrid中具有相同列名的多级标头

Question

我正在将数据表转换为jqgrid.Here是我的数据表样本看起来像this

我面临的问题是由于每个标题内的列名相同。我们如何在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。这是我在制作由Tony商业开发的旧分叉后开发的分支（参见here）并将其重命名为Guriddo jqGrid JS（参见the post）。