element-ui表格合并的问题

很简单的一个表格合并,这样写哪里不对??

image.png

cellMerge({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        if (rowIndex === 0) {
          return {
            rowspan: 4,
            colspan: 1
          }
        } else {
          return {
            rowspan: 0,
            colspan: 0
          }
        }
      }
      if (columnIndex === 1) {
        if (rowIndex === 0) {
          return {
            rowspan: 2,
            colspan: 1
          }
        } else{
          return {
            rowspan: 0,
            colspan: 0
          }
        }
      }
    },

第一列的4行合并是可以的,第二列的不行,哪里有问题吗?

阅读 2.8k
2 个回答

试试这样,修改下面那个

if (columnIndex === 1) {
        if (rowIndex === 0) {
          return {
            rowspan: 2,
            colspan: 1
          }
        } else if (rowIndex === 1) {
          return {
            rowspan: 0,
            colspan: 0
          }
        }else{
          return {
            rowspan: 1,
            colspan: 1
          }
        }
      }

没用过element-ui,但是你是想要第二列也要4行合并吗?那你rowIndex==0的时候return 的rowspan应该是4不是2才对,return 2只合并2行,然后剩下的你return 0 明显不可能的所以它就默认为1了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题