jqgrid 有的需求某列 上下行相同的数据进行合并
1: 先在表里面定义一下这个字段得ID
{
name: ‘name’,
index: ‘name’,
width: 120,
label: ‘局房’,
align: “center”,
cellattr: function (rowId, tv, rawObject, cm, rdata) {
//合并单元格
return ‘id=‘tableID_name’ + rowId + "’";
}
},
2
需要 gridComplete 当表格所有数据都加载完成而且其他的处理也都完成时触发此事件,排序,翻页同样也会触发此事件
gridComplete: function () {
// //在gridComplete调用合并方法
let rowNumber = $(’#table’).jqGrid(‘getGridParam’, ‘records’)
if(rowNumber>0 && rowNumber== fourlength){
// //动态合并纵行
MergerRowspan(gridName_C, ‘wonder’);
}
},
gridName是表格ID CellName是当前表格得英文字段 需要合并的那一列
3
function MergerRowspan(gridName, CellName) {
//得到显示到界面的id集合
var mya = $("#" + gridName + “”).getDataIDs();
//当前显示多少条
var length = mya.length;
for (var i = 0; i < length;i++) {
//从上到下获取一条信息
var before = $("#" + gridName + “”).jqGrid(‘getRowData’, mya[i]);
//定义合并行数
var rowSpanTaxCount = 1;
for (j = i + 1; j <= length; j++) {
//和上边的信息对比 如果值一样就合并行数+1 然后设置rowspan 让当前单元格隐藏
var end = $("#" + gridName + “”).jqGrid(‘getRowData’, mya[j]);
if (before[CellName] == end[CellName]) {
rowSpanTaxCount++;
$("#" + gridName + “”).setCell(mya[j], CellName, ‘’, { display: ‘none’ });
}else {
rowSpanTaxCount = 1;
break;
}
$("#" + gridName + '_' + CellName + "" + mya[i] + "").attr("rowspan", rowSpanTaxCount);
}
}
}