el-table 多选 根据相同的id合并第一列,通过span-method方法实现

    <el-table

      ref="tableRef"

      :data="tableData"

      :default-expand-all="expand"

      size="small"

      :span-method="objectSpanMethod"

    >

      <el-table-column

        v-if="objDispose.selection"

        align="center"

        type="selection"

        width="55"

      >

      </el-table-column>

    </el-table>
方法:

    objectSpanMethod({ row, column, rowIndex, columnIndex }) {

    if (columnIndex === 0) {

        if (rowIndex > 0 && row.orderId === this.tableData[rowIndex - 1].orderId) {

          return {

            rowspan: 0,

            colspan: 0,

          };

        } else {

          const count = this.tableData.filter(item => item.orderId === row.orderId).length;

          return {

            rowspan: count,

            colspan: 1,

          };

        }

      }

    },

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值