elementui table合并行和列

elementui table合并行和列

这里合并列号是7和8的所有行

objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      //   row  --- 当前行
      //   column ----当前列
      //   rowIndex --当前行号
      //   columnIndex --当前列号
      if (rowIndex <= 6) {
        if (rowIndex === 0 && (columnIndex === 7 || columnIndex === 8)) {
          return {
            rowspan: 7,  //行
            colspan: 1  //列
          }
        }else if(rowIndex > 0 && (columnIndex === 7 || columnIndex === 8)) {
          return {
            rowspan: 0,  //行
            colspan: 0  //列
          }
        }
      }
    },

效果如下:
elementui table合并行和列_第1张图片
是借鉴了他人博客悟出来的,else if是我一直忽略的问题所在之处。
https://www.cnblogs.com/m1754171640/p/14206696.html
感谢作者

你可能感兴趣的:(elementui,vue.js,javascript)