zoukankan      html  css  js  c++  java
  • vue

     //设置单元格
            setrowspans() {
                // 先给所有的数据都加一个v.rowspan = 1
                this.list.forEach((item) => {
                    item.rowspan = 1;
                });
                // 双层循环
                for (let i = 0; i < this.list.length; i++) {
                    // 内层循环,上面已经给所有的行都加了item.rowspan = 1
                    // 这里进行判断
                    // 如果当前行的cid和下一行的cid相等
                    // 就把当前item.rowspan + 1
                    // 下一行的item.rowspan - 1
                    for (let j = i + 1; j < this.list.length; j++) {
                        //此处可根据相同字段进行合并,此处是根据的id
                        if (this.list[i].cid === this.list[j].cid) {
                            this.list[i].rowspan++;
                            this.list[j].rowspan--;
                        }
                    }
                    // 这里跳过已经重复的数据
                    i = i + this.list[i].rowspan - 1;
                }
            },
    //合并单元格
            objectSpanMethod({ row, column, rowIndex, columnIndex }) {
    //第一列
                if (columnIndex === 0) {
                    return {
                        rowspan: row.rowspan,
                        colspan: 1,
                    };
                }
    //第二列
                if (columnIndex === 1) {
                    return {
                        rowspan: row.rowspan,
                        colspan: 1,
                    };
                }
            },
    
    
  • 相关阅读:
    github提交用户权限被拒
    vue数据响应式的一些注意点
    总结一下做移动端项目遇到的坑
    react-router
    promise-async-await
    递归函数
    Linux基础
    所有的数据处理都是map-reduce
    Mac下配置JAVA_HOME
    MySQL高级
  • 原文地址:https://www.cnblogs.com/gggggggxin/p/14311726.html
Copyright © 2011-2022 走看看