element ui 合并相同数据单元格

这个方法特别牛,只需要修改一下data <el-table    :span-method="(...arg)=>strategySpanMethod(...arg,restable1.body)"size="mini" id="hz_table" size="mini" :data="restable1.body" height="500"
....
</el-table>
js部分直接复制粘贴即可只需修改:span-method="(...arg)=>strategySpanMethod(...arg,restable1.body)":data="restable1.body"vue.jsstrategySpanMethod: function({ row, column, rowIndex, columnIndex }, data) {// data 就是从这里动态传过来的, column.property是表头的keyvar spanArr = this.getSpanArr(data, column.property)const _row = spanArr[rowIndex]const _col = _row > 0 ? 1 : 0return {rowspan: _row,colspan: _col}
},
// 处理合并行的数据
getSpanArr: function(data, spanKey) {var that = thisvar spanArr = []var pos = ''for (var i = 0; i < data.length; i++) {if (i === 0) {spanArr.push(1)pos = 0} else {// 判断当前元素与上一个元素是否相同if (data[i][spanKey] === data[i - 1][spanKey]) {spanArr[pos] += 1spanArr.push(0)} else {spanArr.push(1)pos = i}}}return spanArr
}

原文链接：https://blog.csdn.net/xiubinxu/article/details/109749630
合并相同单元格

element ui 合并相同数据单元格相关推荐

【element-ui】 el-table 表格动态合并相同数据单元格最全教程，可指定列+自定义合并条件，附完整代码
el-table合并单元格 1.固定合并官方挺提供的合并具体某行列的方法:el-table合并行或列通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面包含 ...
vue table页合并相同数据单元格
nodeFinancepriceList table 数据信息 <el-table v-loading="loading" :data="nodeFinancepr ...
EasyExcel 动态表头 + 数据单元格合并
前言本文想要达到以及最终实现的效果: 要实现这种效果,包含两个部分的操作: 1. 动态表头 EasyExcel 生成 Excel 时要使表头有合并效果,可以采用**注解和非注解(动态表头)**的方法 ...
Excel将其他单元格的数据合并成一个单元格
一.TEXTJOIN函数的参数与作用 TEXTJOIN:文本连接函数,使用分隔符将文本链接在一起语法:=TEXTJOIN(分隔符, ignore_empty, text1, [text2], 第一参 ...
JAVA poi合并任意列相同数据单元格
以下为poi合并单元格所需要jar如下 commons-collections poi java 1.8 版本以下为代码 import java.io.FileNotFoundException; ...
Excel2013 利用phonetic函数将多行数据合并到同一单元格中
场景:有一列邮箱数据,现在需要将他们合并到同一个单元格内,且邮箱之间要用英文的逗号隔开以前五条邮箱为例,利用phonetic函数实现这种合并: 合并结果: 其中,E列是添加的辅助列.
实现前台表格中相同数据单元格的合并
前些天接到组长分配的任务,让我这个小菜鸟实现单元格的合并.刚开始觉得很复杂,可是仔细思考过后其实还是很简单的,下面就和大家分享一下自己每次的方法和存在的缺点以及如何修改和最终的成品,希望能够对大家有些 ...
Excel将合并后的单元格恢复成多行并添加数据
我们在工作过程中经常遇到合并单元格,但是合并后的单元格再恢复成原来的样子该怎么操作呢如图,将所属区域恢复成单行,兵补充文字 1.全部选中,取消合并单元格 2.通过定位获取到所属区域的空白单元格定位 ...
表格怎么合并两列数据php,怎么合并两列单元格的文字
合并两列单元格的文字的方法:首先打开一个excel表:然后选择一个要放合并之后内容的单元格,并在单元格中输入公式"=A1&B1()":最后按Enter回车键即可. 本文操作 ...

element ui 合并相同数据单元格

element ui 合并相同数据单元格相关推荐

最新文章

热门文章