bootstrap-table合并行

 

原博客地址，，https://blog.csdn.net/reallywcf/article/details/80029590

原博客，有一点小Bug，，下文已修改

 

/**

* 合并行

* @param data 原始数据（在服务端完成排序）

* @param fieldName 合并属性名称数组

* @param colspan 列数

* @param target 目标表格对象

*/

function mergeCells(data, fieldName, colspan, target) {

if (data.length == 0) {

alert("不能传入空数据");

return;

}

var numArr = [];

var value = data[0][fieldName];

var num = 0;

for (var i = 0; i < data.length; i++) {

if (value != data[i][fieldName]) {

numArr.push(num);

value = data[i][fieldName];

num = 1;

continue;

}

num++;

}

if(typeof (value) != "undefined" && value != ""){

numArr.push(num);

}

var merIndex = 0;

for (var i = 0; i < numArr.length; i++) {

$(target).bootstrapTable('mergeCells', { index: merIndex, field: fieldName, colspan: colspan, rowspan: numArr[i] })

merIndex += numArr[i];

}

}