table,设置 数据相同时, 合并列

复制代码
  <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%" show-summary>
        <el-table-column type="index" label="序号" width="100" />
        <el-table-column prop="date" label="日期" width="100"></el-table-column>
<el-table>

data(){
	return{
	    mergeArr: ['date'] // 表格中的列名, 可多个字段
	}
}

      objectSpanMethod({ row, column, rowIndex, columnIndex }) {
        //判断列的属性
        if (this.mergeArr.indexOf(column.property) !== -1) {
          // 判断其值是不是为0 
          if (this.mergeObj[column.property][rowIndex]) {
            return [this.mergeObj[column.property][rowIndex], 1]
          } else {
            // 如果为0则为需要合并的行
            return [0, 0];
          }
        }
        }
相关推荐
GZ_TOGOGO1 分钟前
Oracle数据库考试适合哪些人
数据库·oracle·数据库开发·ocp认证·2026年it学习
Gauss松鼠会2 分钟前
【openGauss】学习 gsql 命令行的使用
数据库·sql·database·opengauss
晓13137 分钟前
第二章:Redis常见命令与Java客户端
java·数据库·redis
·云扬·16 分钟前
MySQL索引实战指南:添加场景、联合索引要点与失效场景解析
数据库·mysql
填满你的记忆27 分钟前
【从零开始——Redis 进化日志|Day7】双写一致性难题:数据库与缓存如何不再“打架”?(附 Canal/读写锁实战)
java·数据库·redis·缓存·面试
小白考证进阶中28 分钟前
MySQL OCP认证可以考中文?备考难度怎么样?
数据库·mysql·dba·数据库管理·开闭原则·数据库管理员·mysql认证
蒟蒻的贤42 分钟前
操作系统复习
java·开发语言·数据库
Dontla1 小时前
打开网站时弹出Accept Cookies(接受Cookie)提示是什么意思?(数据保护法规,欧盟GDPR)
前端·数据库
赵八斤1 小时前
java 项目中配置多个数据源
java·开发语言·数据库
松涛和鸣2 小时前
59、 IMX6ULL按键驱动开发:轮询到中断的实现
linux·服务器·c语言·arm开发·数据库·驱动开发