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];
          }
        }
        }
相关推荐
这个DBA有点耶6 小时前
DBA的AI助手:向量检索与NL2SQL入门
数据库·人工智能·postgresql·学习方法·dba
basketball6167 小时前
SQL 常用数据格式化操作方法总结
数据库·sql
TE-茶叶蛋7 小时前
数据库-引用完整性(referential integrity)
数据库
IronMurphy7 小时前
MySQL拷打第二讲
数据库·mysql
裴东青9 小时前
ProxySQL实现MySQL主从集群的读写分离
数据库·mysql·adb
handler019 小时前
【MySQL】教你库与表的增删查改操作(基础)
运维·数据库·笔记·sql·mysql·数据·分析
染指111011 小时前
9.LangChain框架(实现RAG)
数据库·人工智能·算法·机器学习·ai·大模型
2401_8734794011 小时前
主流IP离线库(IP数据云、纯真、IPIP.NET)怎么选?全面对比分析
服务器·网络·数据库
毋语天11 小时前
Redis 零基础实战指南:从核心原理到生产落地的完整路线
数据库·redis·缓存
weixin_4083180411 小时前
教育行业直播系统搭建指南
java·大数据·数据库