table中同一列中合并相同项

实现效果

实现方法：
1.使用table中提供的合并方法spanMethod

spanMethod({row, column, rowIndex, columnIndex}) {if (column.property === 'materielName') {return {rowspan: this.mergeObj[column.property][rowIndex],colspan: 1}} else {return { rowspan: 1, colspan: 1 }}},

2.计算合并项的数目

getMergeObj (list) {this.mergeObj = {}let mack = 0for (let key in list[0]) {this.mergeObj[key] = []mack = 0list.forEach((item, index) => {if (index === 0) {this.mergeObj[key].push(1)} else {if (item[key] === list[index - 1][key] && item[key]) {this.mergeObj[key][mack] += 1this.mergeObj[key].push(0)} else {mack = indexthis.mergeObj[key].push(1)}}})}}
}

3.渲染table数据后进行处理使用getMergeObj方法

this.getMergeObj(this.tableData)

table中同一列中合并相同项相关推荐

php 相同数据合并单元格,利用for循环实现excel中多列数据合并到一个单元格
详细内容今天在工作中,老板给我一个任务,把excel表格中的多列数据合并到一列中. 数据如下: 注意:数据从16601到20000,也就是说有两千个网址. 下面为大家介绍几种方法: 第一种:使用wp ...
1.VBA实现EXCEL中Sheet1的甲列相同数值的行对应的乙列的数的和作为Sheet2中丙列中与Sheet1中甲列相同的行对应的丁列的值...
今天有一同学,喊我帮忙处理EXCEL中数据的问题,题目表述太含糊,简单说,分3步工作: 1)找出SHEET1的"甲列"中相同的行, 2)把相同的行对应的"乙列" ...
关于Linux中权限列中的加号及点的深度探索
一.综述 Linux中,ls -l命令可谓是最常用不过了.命令显示结果中的第一列也是我们比较关注的地方,一般说法是表示权限的字符占10个位置.可是,我们也经常看到在这一列中第十一个位置也有内容显示,最 ...
linux 权限中加号,关于Linux中权限列中的加号及点的深度探索
一.综述 Linux中,ls -l命令可谓是最常用不过了.命令显示结果中的第一列也是我们比较关注的地方,一般说法是表示权限的字符占10个位置.可是,我们也经常看到在这一列中第十一个位置也有内容显示,最 ...
寻找GridView中模板列中的控件
假如你在gridview中添加一个模板列,并在模板列中存放了一个dropdownlist控件.那么,问题就是:你如何去操作这个dropdownlist控件???? //对于gridview控件: ...
python提取数列数字_从pandas datafram中的列中提取字符串中的数字
只要字符串Incorrect_Price保持您在示例中呈现的结构(数字不是用文字表示的),任务就可以相对容易地解决.在使用正则表达式,您可以使用similar SO question中的方法提取数字 ...
合并表格中同一列中相同的内容
2019独角兽企业重金招聘Python工程师标准>>> <script type="text/javascript"> $(function(){_w ...
删除 R 中的列中的重复行
我有一个包含大量数据(约 250,000 行)的 csv 文件,我需要删除重复的条目.每行中只有某些元素我想测试重复项,但其他数据需要显示在最终结果中.需要对日期.纬度和经度列进行重复测试.例如,如果 ...
layui框架实现table某一列的合并+冻结（合并列+fixed冻结二者发生冲突）
1.先实现的合并(百度上有很多),我用的是这个博主的京兆文鱼博主的:合并列的代码 2.对1中已经完成合并的这一列进行"冻结",我用的是layui框架自带的fixed属性(不知道的 ...

table中同一列中合并相同项

table中同一列中合并相同项相关推荐

最新文章

热门文章