vue element-ui合并单元格 合并指定列的行
本文为转载,感谢原博主的文章分享
非常重要!!! 合并单元格必须是相邻的才可以
此处附上JS将数组对象重新排序的代码
//排序
getData(){
printList.sort(this.compare("printTime", "time", "zoneName"))
}
//此处我是写了三个参数,看个人需求
compare(property1, property2, property3) {
return function (obj1, obj2) {
let val1 = obj1[property1];
let val2 = obj2[property1];
let val3 = obj1[property2].split(":")[0];
let val4 = obj2[property2].split(":")[0];
let val5 = obj1[property3];
let val6 = obj2[property3];
//对于不是数字的需要先转为数字,否则"2"和"15"比较会先比较2和1,得出2>1,会出问题,所以先转化
if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {
val1 = Number(val1);
val2 = Number(val2);
}
if (!isNaN(Number(val3)) && !isNaN(Number(val4))) {
val3 = Number(val3);
val4 = Number(val4);
}
if (val1 === val2) {
if (val5 === val6) {
if (val3 < val4) {
return -1;
} else if (val3 > val4) {
return 1;
} else {
return 0;
}
} else {
if (val5 < val6) {
return -1;
} else if (val5 > val6) {
return 1;
} else {
return 0;
}
}
} else {
if (val1 < val2) {
return -1;
} else if (val1 > val2) {
return 1;
}
}
}
},
附上
合并单元格链接
https://blog.csdn.net/jinglianglove/article/details/103702505