el-table 合并行

落魄小二

已于 2022-07-13 17:07:27 修改

阅读量2.7k

点赞数

于 2022-07-12 15:27:20 首次发布

本文链接：https://blog.csdn.net/yusun1234/article/details/125743753

版权

关键词由CSDN通过智能技术生成

1、判断时要注意合并行列后，行数或列数减少，要删行或删列，保持宽度高度。rowspan:0, colspan:0

2、例如

表格处理
objectSpanMethod({ row, column, rowIndex, columnIndex})
  if (rowIndex === 0) { // 合并第一行的前两列，那么这列的后面的一列得删除
    if (columnIndex === 0) {
      return {
        rowspan: 1， colspan: 2,};
    }
    if (columnIndex === 1) { // 删除这行的第2列
      return {
        rowspan: 0, colspan: 0}
    }
  }
   if(columnIndex===0){ // 合并第1列下的行
     if(rowIndex === 1) {
       return { rowspan: 4, colspan: 1 };
     } else if (rowIndex === 5) {
       return { rowspan: 10, colspan: 1 };
     } else if (rowIndex === 15) {
       return { rowspan: 10, colspan: 1 };
     } else if (rowIndex === 25) [
       return { rowspan: 10, colspan: 1 };
     } else if (rowIndex === 35) {
       return { rowspan: 10, colspan: 1 };
     } else if (rowIndex === 45) {
       return { rowspan: 10, colspan: 1};
     } else if (rowIndex === 55) {
       return { rowspan: 10, colspan: 1 };
     } else if(rowIndex === 65) {
       return { rowspan: 10, colspan: 1 };
   } else { 
     return {
     rowspan: 0， colspan: 0，
   }
  }，