element之el-table合并列功能

目标效果如下:

element之el-table合并列功能_第1张图片

 实现代码如下:

html部分:


    




js部分:
data(){
    return {
        //记录需要合并列的rowspan数值
        row_span:[],
        //记录需要设置rowspan的行序号,因为数值是和row_span进行累加的结果,需要把第一个赋值为0才不会报错
        row_index:[0]
    }
}
method:{
    spanRow({row,column,rowIndex,columnIndex}){
        if(columnIndex===0){
            for(let i=0;i

你可能感兴趣的:(前端,html)