antd vue 嵌套子表格的展开与合并

这个图是官网的例子截图,但是问题在于如果我想点击第2行的时候,第一行居然不自动合并回去,这个问题一度搞得我很纠结,之后也是各种百度各种查终于给合并回去了。下面说一下咋弄的,当做一篇笔记吧。至于嵌套子表格咋弄去官网看吧 照着例子扒就行,我只说咋合并。

直接上图~

首先在你的外层Table加如图的两个属性。

第一个是你点击小加号时触发的事件,至于第二个就是合并与否的关键 是一个数组 里面存的就是你所有点开的行的唯一标识 。

这里说一下,外层的Table每一行必须有一个唯一的标识,比如id,你懂得~

再来一张图~

这张图就是点击触发的事件,方法里面的第一个参数是个boolean类型,子Table被点开了就是true 反之~,第二个参数是外层Table你点击那行的数据。

合并就靠图里面画圈的那两行。上面说了,数组里面存的是你点开行的唯一标识,这两行就保证你的数组里面始终只有一个数据,就是你想要点击的那行的唯一标识。

说完了, 自认为说的挺明白的,觉得我写的有问题的也欢迎指出,毕竟我是渣渣~

嗯,就酱吧。

 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值