getTableList(){
//获取表格数据方法在此方法返回成功数据是调用
this.rowspan();
},
rowspan() {
debugger;
var that = this;
that.spanArr = [];
that.JRLTableData.forEach((item,index) => {
debugger;
if( index === 0){
that.spanArr.push(1);
that.position = 0;
}else{
if(that.JRLTableData[index].stoveId === that.JRLTableData[index-1].stoveId ){
that.spanArr[that.position] += 1;
that.spanArr.push(0);
}else{
that.spanArr.push(1);
that.position = index;
}
}
})
},
//在el-table中调用
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
//表格合并行
debugger;
//笨方法要合并几列就写几个
if(columnIndex === 0){
const _row = this.spanArr[rowIndex];
const _col = _row>0 ? 1 : 0;
return {
rowspan: _row,
colspan: _col
}
}
if(columnIndex === 1){
const _row = this.spanArr[rowIndex];
const _col = _row>0 ? 1 : 0;
return {
rowspan: _row,
colspan: _col
}
}
if(columnIndex === 2){
const _row = this.spanArr[rowIndex];
const _col = _row>0 ? 1 : 0;
return {
rowspan: _row,
colspan: _col
}
}
if(columnIndex === 3){
const _row = this.spanArr[rowIndex];
const _col = _row>0 ? 1 : 0;
return {
rowspan: _row,
colspan: _col
}
}
if(columnIndex === 4){
const _row = this.spanArr[rowIndex];
const _col = _row>0 ? 1 : 0;
return {
rowspan: _row,
colspan: _col
}
}
},
vue elementui table表格动态合并单元格
最新推荐文章于 2024-03-15 17:27:37 发布