【elementUI中el-table中span-method 中传递自定义参数】

el-table中span-method 中传递自定义参数

elementUI中的其他组件需要传递自定义参数也可用该方法
 :span-method="(param)=>rowSpanMethod(param,item)" //item为自定义参数
 
 /**
 *合并row
 */
rowSpanMethod({row, column, rowIndex, columnIndex},item) {
	return {
            rowspan: this.mergeRows(row[column.property],item.tableData, rowIndex, column.property, row,'需求等待开发预警'),
            colspan: 1
          };
/**
* 表格单元格合并-----行
 * @param {Object} value      当前单元格的值
 * @param {Object} data       当前表格所有数据
 * @param {Object} index      当前单元格的值所在 行 索引
 * @param {Object} property  当前列的property
 * @returns {number}          待合并单元格数量
 */
mergeRows(value, data, index, property, row,title) {
      let keyName = '';
      if(title == '需求等待开发预警'){
        keyName = 'requireName';
      }else if(title == '需求任务关联表'){
        keyName = 'name';
      };
      if (index !== 0 && row[keyName] === data[index - 1][keyName]) {
        // 返回 0 使表格被跨 行 的那个单元格不会渲染
        return 0;
      };

      // 判断 当前行的该列数据 与 下一行的该列数据 是否相等
      let rowSpan = 1;
      for (let i = index + 1; i < data.length; i++) {
        if (row[keyName] != data[i][[keyName]]) {
          break;
        };
        rowSpan++;
      };
      return rowSpan;
    },
}
  • 5
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值