Easy Ui 中的单元格合并问题

Posted 2023-03-28

怎么使easy ui中的单元格合并

//所有列进行合并操作
//$(this).datagrid("autoMergeCells");
//指定列进行合并操作
$(this).datagrid("autoMergeCells",[\'status\',\'productid\']);
status，productid 都是单元格上面的列标题
刚用这个 好蛋疼 参考技术A 基本 无人会给你回答追问

为何~

追答

因为 teshuxin mei you jige hui yong ni zhege

参考技术B 这个百度很好搜索的吧：
1、http://www.glphp.com/index.php?m=content&c=index&a=show&catid=36&id=334
2、http://www.qeefee.com/article/S168

element ui 表格 合并单元格？

 

    问题： 将表格中 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
          }
        }
      }
    },