vue elementUI el-table 合并列 span-method 兼容safari

实现效果

效果描述：把最后一列的“操作”列的【编辑】按钮合并为一个展示

兼容safari的写法

objectSpanMethod({ row, column, rowIndex, columnIndex }) {
  if (columnIndex === 3) { //第4列
      if (rowIndex === 0) {
         return {
           rowspan: 7,
           colspan: 1
         };
       } else { //此处需写else分支，已兼容非主流浏览器
         return {
           rowspan: 0,
           colspan: 0
         };
       }
   }
}

safari 与 chrome浏览器都正常展示

不兼容safair的写法

objectSpanMethod({ row, column, rowIndex, columnIndex }) {
  if (columnIndex === 3) { //第4列
      if (rowIndex === 0) {
         return {
           rowspan: 7,
           colspan: 1
         };
       }
   }
}

safari“编辑”按钮错乱

chrome正常展示：

谨记：多看原文档，不要投机去减少案例里的原有关键代码。