• 合并单元格


    在一些项目中会用到表格,这些表格有的是组件中的表格,今天在这里我就以element-table举例:
    在项目中如果遇到需要合并单元格的操作,只需用到一下代码,需要修改的是红色字体部分,改成自己页面中对应接收数据的数组名称即可

    countJson: function (json) {
    const obj = json
    const len = obj.length
    const result = []
    const mergerowsarr = []
    for (let i = 0; i < len; i++) {
    const id = obj[i].showId
    if (result[id]) {
    result[id] = result[id] + 1
    } else {
    result[id] = 1
    }
    }
    if (result.length > 0) {
    result.reverse().forEach(function (item) {
    mergerowsarr.push({'len': item, 'startIndex': 0})
    })
    return mergerowsarr
    }
    return '统计无结果'
    },
    objectSpanMethod ({row, column, rowIndex, columnIndex}) {
    const _self = this
    const mergerowsarr = _self.countJson(_self.getAccountList)
    if (columnIndex === 0 || columnIndex === 9) {
    let sum = 0
    mergerowsarr.forEach(item => {
    item.startIndex = sum
    sum += item.len
    })
    let getSign = false
    for (let i = 0; i < mergerowsarr.length; i++) {
    if (rowIndex === mergerowsarr[i].startIndex) {
    getSign = true
    return {
    rowspan: mergerowsarr[i].len,
    colspan: 1
    }
    }
    }
    if (!getSign) {
    return {
    rowspan: 0,
    colspan: 0
    }
    }
    }
    }
  • 相关阅读:
    Codeforces 758D:Ability To Convert(思维+模拟)
    Codeforces 758B:Blown Garland(模拟)
    BZOJ-1053 反素数
    BZOJ-1024 生日快乐
    BZOJ-1036 树的统计
    BZOJ-1029 建筑抢修
    BZOJ-1059 矩阵游戏
    BZOJ-1026 windy数
    BZOJ-1019 汉诺塔
    BZOJ-1031 字符加密
  • 原文地址:https://www.cnblogs.com/mengyage/p/9548783.html
Copyright © 2020-2023  润新知