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];
          }
        }
        }
相关推荐
符哥20089 分钟前
基于mysql如何设置一个商城的数据库结构
数据库·mysql·oracle
chuxinweihui10 分钟前
MySQL库数据类型
数据库·mysql
工业HMI实战笔记17 分钟前
HMI权限分级设计:兼顾安全与操作效率的平衡术
运维·数据库·安全·ui·自动化·人机交互·交互
为自己_带盐29 分钟前
架构演进:从数据库“裸奔”到多级防护
数据库·架构
深蓝电商API41 分钟前
Scrapy与MongoDB管道集成:异步存储方案
数据库·scrapy·mongodb
松涛和鸣43 分钟前
DAY56 ARM Cortex-A Bare Metal
linux·服务器·c语言·开发语言·arm开发·数据库
lllsure1 小时前
PostgreSQL
数据库·postgresql
XerCis1 小时前
PostgreSQL与MySQL的超全对比(含迁移步骤)
数据库·mysql·postgresql
a***59261 小时前
MySQL数据可视化实战技巧
数据库·mysql·信息可视化
TDengine (老段)1 小时前
TDengine C# 语言连接器入门指南
大数据·数据库·c#·时序数据库·tdengine·涛思数据