Element ui合并表格

最新推荐文章于 2024-03-29 12:01:10 发布

神奇超仔

最新推荐文章于 2024-03-29 12:01:10 发布

阅读量171

点赞数

分类专栏： js 文章标签： javascript 开发语言

本文链接：https://blog.csdn.net/weixin_44110728/article/details/123498525

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

使用方法

** 方法**

objectSpanMethod({row, column, rowIndex, columnIndex}) {
      const span = column['property'] + '-span';
      if(row[span]){
        return row[span]
      }
    },
    /**
     *
     * @param data  表格数据
     * @param merge 需要合并的列字段名称数组
     * @returns {*}
     */
    mergeTableRow (data, merge) {
      if (!merge || merge.length === 0) {
        return data
      }
      merge.forEach((m) => {
        const mList = {}
        data = data.map((v, index) => {
          const rowVal = v[m]
          if (mList[rowVal] && mList[rowVal].newIndex === index) {
            mList[rowVal]['num']++
            mList[rowVal]['newIndex']++
            data[mList[rowVal]['index']][m + '-span'].rowspan++
            v[m + '-span'] = {
              rowspan: 0,
              colspan: 0
            }
          } else {
            mList[rowVal] = { num: 1, index: index, newIndex: index + 1 }
            v[m + '-span'] = {
              rowspan: 1,
              colspan: 1
            }
          }
          return v
        })
      });
      return data
    },