element el-table合并单位格

合并

 表格el-table添加方法:span-method="”

1. <el-table v-loading="listLoading" :data="SHlist" ref="tableList" element-loading-text="Loading" border fit   highlight-current-row :header-cell-style="headClass" style="margin-top:15px" :span-method="objectSpanMethod">

复制代码

 下面是我需求，合并第二列，第五

1. //合并单元格
2.       objectSpanMethod({
3.         row,
4.         column,
5.         rowIndex,
6.         columnIndex,
7.         index2
8.       }) {
9.         if (columnIndex === 4) { //下标是4的那一列
10.           const _row = this.spanArr[rowIndex];
11.           const _col = _row > 0 ? 1 : 0;
12.           console.log(_col, '_col');
13.           return {
14.             rowspan: _row, //行
15.             colspan: _col //列
16.           };
17.         }
18.            if (columnIndex === 1) {
19.           const _row = this.spanArr[rowIndex];
20.           const _col = _row > 0 ? 1 : 0;
21.           console.log(_col, '_col');
22.           return {
23.             rowspan: _row, //行
24.             colspan: _col //列
25.           };
26.         }
27.         
28.       
29.       },

复制代码

添加方法 

1.     getSpanArr(data) {
2.         this.spanArr = [];
3.         for (var i = 0; i < data.length; i++) {
4.           if (i === 0) {
5.             this.spanArr.push(1);
6.             this.pos = 0;
7.           } else {
8.             // 判断当前元素与上一个元素是否相同
9.             if (data[i].originalOrder === data[i - 1].originalOrder && data[i].originalOrder) {
10.               this.spanArr[this.pos] += 1;
11.               this.spanArr.push(0);
12.             } else {
13.               this.spanArr.push(1);
14.               this.pos = i;
15.             }
17.           }
18.         }
19.         console.log(this.spanArr, ' this.spanArr');
20.       },
22. getSpanArr2(data) {
23.         this.spanArr = [];
24.         for (var i = 0; i < data.length; i++) {
25.           if (i === 0) {
26.             this.spanArr.push(1);
27.             this.pos = 0;
28.           } else {
29.             // 判断当前元素与上一个元素是否相同
30.               if (data[i].storeName === data[i - 1].storeName && data[i].storeName) {
31.               this.spanArr[this.pos] += 1;
32.               this.spanArr.push(0);
33.             } else {
34.               this.spanArr.push(1);
35.               this.pos = i;
36.             }
37.           }
38.         }
39.       },

复制代码

下面是使用，获取倒接口数据后进行数据整合

1.   this.getSpanArr(this.SHlist);
2.   this.getSpanArr2(this.SHlist);

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。