博客列表 >iview的table合并相同的单元格

iview的table合并相同的单元格

拾一枝樱花的博客
拾一枝樱花的博客原创
2021年02月05日 16:52:472091浏览

export default{    data(){        spanb:[]    }},mounted:function(){    let contactDotb = 0;    let spanb = [];    this.data5.forEach((item,index)=>{        if(index === 0){            spanb.push(1)        }else {            if (item.b === this.data5[index - 1].b){                spanb[contactDotb] += 1;                spanb.push(0)            } else {                contactDotb = index                spanb.push(1)            }        }    })   this.spanb = spanb;},methods:{    handleSpan({ row, column, rowIndex, columnIndex }){    if (columnIndex === 1) {        if(this.spanb[rowIndex]){            return {                rowspan:this.spanb[rowIndex],                colspan:1            }        }else{            return {                rowspan: 0,                colspan: 1            }        }    }    if (columnIndex === 2) {        if(this.spanb[rowIndex]){            return {                rowspan:this.spanb[rowIndex],                colspan:1            }        }else{            return {                rowspan: 0,                colspan: 1            }        }    }}}
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议