vue+element ui合并单元格后，表头和内容不对应问题修改

1、首先确认了问题，是因为合并了单元格，导致横向滚动条滚到最右侧的时候，表头与列表内容不对应。

最初合并单元格写的方法是：

    // 合并单元格
    arraySpanMethod({ row, column, rowIndex, columnIndex }) {
      if (rowIndex === 0 ||rowIndex === 7) {
        if (columnIndex === 0) {
          return {
            rowspan: 1,
            colspan: 28,
          };
        }
      }

    },

2、由于表格字段较多出现横向滚动条，拖动滚动条到最右侧时，出现表头与表格里的内容不对应。此处应该是我合并单元格的问题，修改合并单元格相关代码如下就可以了

    // 合并单元格
    arraySpanMethod({ row, column, rowIndex, columnIndex }) {
      if (rowIndex === 0 ||rowIndex === 7) {
        if (columnIndex === 0) {
          return {
            rowspan: 1,
            colspan: 28,
          };
        }else{
          return {
            rowspan: 0,
            colspan: 0,
          };
        }
      }

    },