我正在使用 jqgrid 4.4.5
我有这样的网格配置：
$(document).ready(function () {
$('#listROvertime')
.jqGrid({
//url: 'http://localhost/bison/rovertime/listing',
datatype: 'json',
mtype: 'post',
colNames: ["NIK","Nama","Divisi","Jam","Tarif","Total"],
colModel: [
{name:"rovertime_nik",index:"rovertime_nik",width:100,
frozen:true,
key:true,
searchoptions:{
sopt:["eq","ne","bw","bn","ew","en","cn","nc"]
}
},
{name:"rovertime_name",index:"rovertime_name",width:260,
frozen:true,
searchoptions:{
sopt:["eq","ne","bw","bn","ew","en","cn","nc"]
}
},
{name:"rovertime_div",index:"rovertime_div",width:120,
frozen:true,
search:false
},
{name:"rovertime_ocount",index:"rovertime_ocount",width:70,align:"right",
formatter:"currency",
formatoptions:{thousandsSeparator:","},
search:false,
sortable:false
},
{name:"rovertime_oprice",index:"rovertime_oprice",width:110,align:"right",
formatter:"currency",
formatoptions:{thousandsSeparator:","},
search:false,
sortable:false
},
{name:"rovertime_over",index:"rovertime_over",width:110,align:"right",
formatter:"currency",
formatoptions:{thousandsSeparator:","},
search:false,
sortable:false
}
],
autowidth: true,
caption: 'Laporan Lembur'
}).jqGrid('setGroupHeaders', {
useColSpanStyle: true,
groupHeaders: [
{startColumnName: 'rovertime_ocount', numberOfColumns: 3, titleText: '<center>Lembur</center>'}
]
}).jqGrid('setFrozenColumns');
});
我期望的结果列结构是“NIK,Nama,Divisi,Jam,Tarif,Total,Lain - Lain,Insentif,Total,Potongan Lain - Lain, Total”。当我在 colModel id“rovertime_div”处将 freeze 选项设置为 false 时，列结构正确显示。否则，当我将 freeze 选项设置为 true 时，列结构显示不正确。
这是预期结果的图片。
更新 1：如果我将 useColSpanStyle: false 设置为列结构正确显示。