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];
          }
        }
        }
相关推荐
武超杰7 分钟前
MySQL调优(一)
数据库·mysql
电商API&Tina7 分钟前
淘宝 / 京东关键词搜索 API 接入与实战用途教程|从 0 到 1 搭建电商选品 / 比价 / 爬虫替代系统
java·开发语言·数据库·c++·python·spring
YMatrix 官方技术社区9 分钟前
批流一体,从 Lambda 到 Domino|YMatrix 亮相 PGConf.Russia 2026,重构 PostgreSQL 极简实时架构
数据库·postgresql·重构·架构·ymatrix
荒川之神13 分钟前
ORACLE 11G的审计
数据库·oracle
StackNoOverflow19 分钟前
MySQL 的性能调优(第一部分)
数据库·mysql
君穆南20 分钟前
MySQL备份脚本
数据库·mysql·adb
数据库知识分享者小北21 分钟前
告别后端上下文断层!体验用 PolarDB Supabase 助力 AI 原生 IDE 完成 VibeCoding领取试用及多重好礼
数据库·人工智能·阿里云·关系型数据库·polardb·vibecoding
ea4on40 分钟前
看完这篇,我才MySQL索引是这样理解的
数据库
鬼先生_sir44 分钟前
MySQL进阶基础:索引、视图、存储过程与常用函数
数据库·mysql
Nturmoils44 分钟前
实时决策时代,工业物联网需要什么样的数据库?
数据库·后端