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];
          }
        }
        }
相关推荐
小超同学你好5 分钟前
OpenClaw 深度解析与源代码导读 · 第7篇:Memory 子系统——持久化、内置记忆与「人格文件」分界
数据库
2301_775148155 分钟前
如何管理RAC归档日志_共享存储中的FRA配置与双节点访问
jvm·数据库·python
RoboWizard8 分钟前
移动固态硬盘的耐用性如何,怎么判断使用寿命?
服务器·数据库·负载均衡
qq_3300379913 分钟前
php怎么实现接口请求日志记录_php如何自动记录入参出参与耗时
jvm·数据库·python
2401_8653825015 分钟前
各省政务信息化项目验收材料清单汇总及差异分析
java·开发语言·数据库
pele20 分钟前
如何用 contextmenu 事件自定义鼠标右键菜单的显示逻辑
jvm·数据库·python
2301_7735536221 分钟前
怎样禁用phpMyAdmin的控制台历史记录_防凭证与查询留存
jvm·数据库·python
m0_7436239223 分钟前
Go语言怎么实现生产者消费者_Go语言生产者消费者模式教程【精通】
jvm·数据库·python
baidu_3409988224 分钟前
CSS Grid布局如何为特定项目指定位置_使用grid-row和grid-column
jvm·数据库·python
weixin_4585801237 分钟前
如何用 blur 与 focusout 区分不冒泡与冒泡的失焦事件
jvm·数据库·python