el-table合并第一列中相同值的行

吃鱼陈默

于 2023-12-26 11:26:17 发布

阅读量684

点赞数 7

CC 4.0 BY-SA版权

分类专栏：问题文章标签： vue.js javascript 前端 elementui vue

本文链接：https://blog.youkuaiyun.com/CY_WINT/article/details/135217595

效果如图：

        //过滤数据 在created中调用这个方法处理数据
        filterData() {
            let spanArr = [],position = 0
            for(let i = 0;i<this.tableData.length;i++){
               if(i == 0) {
                spanArr.push(1)
                position = 0
               }else{
                if(this.tableData[i].goodsName == this.tableData[i-1].goodsName){
                    spanArr[position] += 1
                    spanArr.push(0)
                }else{
                    spanArr.push(1)
                    position = i
                }
               }
            }
            this.rowSpanArr = spanArr
        },
        //合并数据 <el-table :span-methods="spanMethod"></el-table>
        spanMethod({ row, column, rowIndex, columnIndex }) {
            if(columnIndex == 0){
                let _row =