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];
          }
        }
        }
相关推荐
TDengine (老段)5 分钟前
TDengine 集群容错与灾备
大数据·运维·数据库·oracle·时序数据库·tdengine·涛思数据
Lao A(zhou liang)的菜园1 小时前
高效DBA的日常运维主题沙龙
运维·数据库·dba
迪迦不喝可乐1 小时前
mysql知识点
数据库·mysql
不太可爱的大白2 小时前
MySQL 事务的 ACID 四大特性及其实现原理
数据库·mysql
观测云3 小时前
HikariCP 可观测性最佳实践
数据库
文牧之3 小时前
PostgreSQL的扩展 dblink
运维·数据库·postgresql
趁你还年轻_3 小时前
Redis-旁路缓存策略详解
数据库·redis·缓存
在云上(oncloudai)4 小时前
AWS DocumentDB vs MongoDB:数据库的技术抉择
数据库·mongodb·aws
夕泠爱吃糖4 小时前
MySQL范式和反范式
数据库·mysql
时序数据说6 小时前
时序数据库IoTDB与EdgeX Foundry集成适配服务介绍
大数据·数据库·开源·时序数据库·iotdb