码迷,mamicode.com
首页 > 其他好文 > 详细

element ui 表格 合并单元格?

时间:2020-04-14 18:44:55      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:win   this   lan   ane   子函数   nbsp   ==   大于   ===   

 

    问题: 将表格中 id相同的数据,某一列合并?

    :span-method="objectSpanMethod"  // talbe 中加入的方法, :span-method是element 进行表单合并的钩子函数。

 

  objectSpanMethod({ row, column, rowIndex, columnIndex }) {//行 , 列 , 行号 , 列号
      if (columnIndex === 1 || columnIndex === 2 || columnIndex === 3 ) {
        const sameRoutIdList = this.planekingList.filter(i =>  //过滤出id相同的数据
          i.planUnitId === row.planUnitId
        )
        const spanLength = sameRoutIdList.length     //统计 id相同数据的长度
        const firstIndex = this.planekingList.findIndex(i =>  //找打id相同数据的第一个下标
          i.planUnitId === row.planUnitId
        )
        if (spanLength > 1) {  //如果长度大于 1 
          if (rowIndex === firstIndex) {  
            return {
              rowspan: spanLength,//合并的行数
              colspan: 1
            }
          } else {
            return {
              rowspan: 0,
              colspan: 0
            }
          }
        } else {
          return {
            rowspan: 1,
            colspan: 1
          }
        }
      }
    },

 

   

 

 

     

element ui 表格 合并单元格?

标签:win   this   lan   ane   子函数   nbsp   ==   大于   ===   

原文地址:https://www.cnblogs.com/javascript9527/p/12699924.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!