解决办法:Ant Desgin Vue中Table嵌套子表格展开异常问题

注意:表格支持树形数据的展示,当数据中有 children 字段时会自动展示为树形表格,如果不需要或配置为其他字段可以用 childrenColumnName 进行配置。

问题场景:后端返回子表格字段为children,在前端代码中增加了自定义的额外的展开行,此时会导致,展开子表格的数据,子表格数据会追加到父表格中

<a-table :columns="columns" :data-source="data" class="components-table-demo-nested">
    <a slot="operation" slot-scope="text">Publish</a>
    <a-table
      slot="expandedRowRender"
      slot-scope="text"
      :columns="text.children"
      :data-source="innerData"
      :pagination="false"
    >
    </a-table>
  </a-table>

解决办法:修改数据中children 字段,避免组件冲突

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值