700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue table页合并相同数据单元格

vue table页合并相同数据单元格

时间:2022-12-12 18:47:30

相关推荐

vue table页合并相同数据单元格

nodeFinancepriceListtable 数据信息

<el-table v-loading="loading" :data="nodeFinancepriceList" :span-method="objectSpanMethod" >flitterData(arr){let spanOneArr = [],spanTwoArr = [],spanThreeArr = [],concatOne = 0,concatTwo = 0,concatThree =0;// debuggerarr.forEach((item,index)=>{if(index === 0){spanOneArr.push(1);spanTwoArr.push(1);spanThreeArr.push(1);}else{if(item.nodeName === arr[index - 1].nodeName){ //第一列需合并相同内容的判断条件spanOneArr[concatOne] += 1;spanOneArr.push(0);}else{spanOneArr.push(1);concatOne = index;};if(item.type === arr[index - 1].type&&item.nodeName === arr[index - 1].nodeName){//第二列需合并相同内容的判断条件spanTwoArr[concatTwo] += 1;spanTwoArr.push(0);}else{spanTwoArr.push(1);concatTwo = index;};if(item.nodeName === arr[index - 1].nodeName&&item.energyName === arr[index - 1].energyName){ //第三列需合并相同内容的判断条件spanThreeArr[concatThree] += 1;spanThreeArr.push(0);}else{spanThreeArr.push(1);concatThree = index;};}});return {one: spanOneArr,two: spanTwoArr,three: spanThreeArr}},objectSpanMethod({ row, column, rowIndex, columnIndex }) {if(columnIndex === 0 ) {const _row = (this.flitterData(this.nodeFinancepriceList).one)[rowIndex];const _col = _row > 0 ? 1 : 0;return {rowspan: _row,colspan: _col};}// if(columnIndex === 2) {// const _row = (this.flitterData(this.nodeFinancepriceList).two)[rowIndex];// const _col = _row > 0 ? 1 : 0;// return {//rowspan: _row,//colspan: _col// };// }if(columnIndex === 1) {const _row = (this.flitterData(this.nodeFinancepriceList).three)[rowIndex];const _col = _row > 0 ? 1 : 0;return {rowspan: _row,colspan: _col};}},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。