element-ui 中合并表格的总结

合并表头
js 复制代码
   <el-table :span-method="objectSpanMethod" :header-cell-style="headerMethod"/>
   // 合并表头
    headerMethod6({ row, cloumn, rowIndex, columnIndex }) {
      // row数组对应的是每一列
      row[0].colSpan = 0
      row[1].colSpan = 2
      if (columnIndex === 0) {
        return { display: 'none' }
      }
    },
  //  合并单元行和列, rowIndex从除去表头那一行开始数0,1,...
  arraySpanMethod({ row, column, rowIndex, columnIndex }) {
  // 偶数行: 第一列合并右侧的一列,第二列清空
        if (rowIndex % 2 === 0) { 
          if (columnIndex === 0) {
            return [1, 2];  //  { rowspan: 1,colspan: 2};
          } else if (columnIndex === 1) {
            return [0, 0];  // 标识删除该单元格
          }
        }
      },
相关推荐
xcg3401237 天前
ElementUI-Table 表格实现行拖拽
elementui·table·行拖拽
rggrgerj8 天前
VUE3+element plus 实现表格行合并
javascript·vue.js·elementui
fxshy8 天前
Vue3和element plus在el-table中使用el-tree-select遇到的change事件坑
javascript·vue.js·elementui
北慕阳8 天前
自存19-48
javascript·vue.js·elementui
_Legend_King9 天前
高德地图实现经纬度及获取编码、所属行政区、GIS
javascript·vue.js·elementui
LoveEate14 天前
vue 在el-tabs动态添加添加table
javascript·vue.js·elementui
krifyFan14 天前
vue3+elementPlus el-date-picker 自定义禁用状态hook 实现结束时间不能小于开始时间
前端·vue.js·elementui
一颗努力的大土豆14 天前
关于解决switch开关属性中active-value=“1“为数值形失败的问题
javascript·vue.js·elementui
Liu.77414 天前
vue3 中实现 Element Plus 表格合并
javascript·vue.js·elementui
SevgiliD14 天前
解决使用 fixed固定列时el-table导致纵向滚动条问题
前端·vue.js·elementui