iview 表格合并行

// 合并表格方法handleSpan ({ row, column, rowIndex, columnIndex }) {// console.log(column)if (column.mergeKey === 'standardId_1') {return this.mergeAction('standardId_1', rowIndex, column);}if (column.mergeKey === 'standardId_2') {return this.mergeAction('standardId_2', rowIndex, column);}if (column.mergeKey === 'standardId_3') {return this.mergeAction('standardId_3', rowIndex, column);}if (column.mergeKey === 'standardId_4') {const cols = ['A', 'AA', 'AAA'];// 一般项 合并列if(cols.includes(column.slot) && row.standardType_4 === 'YB') {if(column.slot === 'A'){return [1, 3];}else {return [0, 0];}}else {return this.mergeAction('standardId_4', rowIndex, column);}}},mergeAction(val, rowIndex, colData) {let _row = this.rowMergeArrs[val].rowArr[rowIndex];let _col = _row > 0 ? 1 : 0;return [_row, _col];},rowMergeHandle(arr, data) {if (!Array.isArray(arr) && !arr.length) return false;if (!Array.isArray(data) && !data.length) return false;let needMerge = {};arr.forEach(i => {needMerge[i] = {rowArr: [],rowMergeNum: 0};data.forEach((item, index) => {if (index === 0) {needMerge[i].rowArr.push(1);needMerge[i].rowMergeNum = 0;} else {if (item[i] === data[index - 1][i]) {needMerge[i].rowArr[needMerge[i].rowMergeNum] += 1;needMerge[i].rowArr.push(0);} else {needMerge[i].rowArr.push(1);needMerge[i].rowMergeNum = index;}}});});return needMerge;},```
//重新拼接表格this.rowMergeArrs = this.rowMergeHandle(this.needMergeArr, this.tableData);// 有合并项的列needMergeArr: ["standardId_1","standardId_2","standardId_3","standardId_4",],

iview 表格合并行相关推荐

表格合并行_Word制作验收单表格，很简单，快来学习吧
作者:图文设计师东东办公软件Word制作一款简单的验收单表格,方法很简单,大家一起来学习吧! 第一步.新建.插入表格打开Word新建--空白文档,输入标题"验收单".如下图. ...
Ant Design之表格动态合并行
在web开发中,表格的行合并是一个很常见的需求.antd也提供了这种功能,但是文档中的示例代码却和我想象中的相差甚远,如下所示,它是通过一种很笨的办法实现的行合并.这样当表格的数据源是动态获取的,我们 ...
elementUI 表格合并单元格-多层级-合并行
elementUI 表格合并单元格-多层级-合并行需求:使用vue + elementUI 实现如下表格: 省份城市区域人口贵州遵义汇川区 100 红花岗区 100 播州区 100 贵阳 ...
java操作导出Excel（jxl导出WritableWorkbook）jxl合并单元格,单元格的设置，单元格居中、字体、大小、换行、合并行，列宽、自动换行撑起高度、指定特定字符串样式等
new WritableCellFormat().setWrap(true);//通过调整宽度和高度自动换行 1.1 需求描述 MS的电子表格(Excel)是Office的重要成员,是保存统计 ...
rowspan 动态变化_rowspan相同值合并怎么动态的rowspan合并行
php 怎么控制表格,相同数据合并显示一行 Html中colspan属性和rowspan属性合并后该单元格的一个是合并行.一个合并列 colspan=2就代表合并他和他同一列的后一个单元格 rowsp ...
sed行处理详解(交换行,合并行,删除行等)
1.合并行 zj@zj:~/Script/blog_script$ cat test1 1 2 3 4 合并上下两行 zj@zj:~/Script/blog_script$ sed '$!N;s/\n ...
统计表格_电商运营表格合集，运营统计绩效策划，全套excel表拿来就用
Hello大家好,我是帮帮.今天跟大家分享一组电商运营表格合集,运营统计绩效策划,全套excel表格拿来就用. 为了让大家能更稳定的下载模板,我们又开通了全新下载方式(见文章末尾),以便大家可以轻松获 ...
java合并sheet行_java poi Excel循环合并行
//Java poi 实现循环合并行,还是第一次遇到这种问题 //在网上查了很多资料,都不是自己想要的 //以下为自己研究后,写的一点东西,给大家分享,希望对大家能有思路上的启发,也希望大家能提出宝贵 ...
iview表格表头上添加icon图标
需求描述: 如图,在表格表头处添加icon图标,并且鼠标悬浮时有提示语. 解决方案: 使用iview表格中自带的 renderHeader 函数,其用法和 render 类似, 代码: <tem ...

iview 表格合并行

iview 表格合并行相关推荐

最新文章

热门文章