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];  // 标识删除该单元格
          }
        }
      },
相关推荐
D_C_tyu14 小时前
Vue3 + Element Plus 实现前端手动分页
javascript·vue.js·elementui
星光一影14 小时前
供应链进销存源码uniapp全开源ERP多仓库管理系统pc+app手机端
mysql·elementui·uni-app·开源·php·phpstorm·1024程序员节
xu_duo_i1 天前
vue2+elementUI后端返回二进制流,前端下载实现
前端·javascript·elementui
我家媳妇儿萌哒哒2 天前
Vue2 elementUI年份区间选择组件
前端·javascript·elementui
asdfsdgss2 天前
Axure 组件不用手绘:ElementUI/Plus 元件库 + 大厂规范现成资源
elementui·axure·photoshop
Joker`s smile2 天前
vue + elementUI 实现特殊字符(上标、下标、特殊符号等)输入框
vue.js·elementui·特殊字符·unicode字符·上标·下标
theOtherSky3 天前
element+vue3 table上下左右键切换input和select
javascript·vue.js·elementui·1024程序员节
没逛够4 天前
Vue 自适应高度表格
javascript·vue.js·elementui
console.log('npc')4 天前
使用 Vue3 和 Element Plus 实现选择新增用户集下拉选项框,切换类型,有物业,网格,电子围栏,行政区划管理
javascript·vue.js·elementui
一只小阿乐4 天前
做一个vue3 v-model 双向绑定的弹窗
javascript·vue.js·elementui·vue3·v-model