antd vue 嵌套子表格的展开与合并
这个图是官网的例子截图,但是问题在于如果我想点击第2行的时候,第一行居然不自动合并回去,这个问题一度搞得我很纠结,之后也是各种百度各种查终于给合并回去了。下面说一下咋弄的,当做一篇笔记吧。至于嵌套子表格咋弄去官网看吧 照着例子扒就行,我只说咋合并。直接上图~首先在你的外层Table加如图的两个属性。第一个是你点击小加号时触发的事件,至于第二个就是合并与否的关键 是一个数组 里面存的...
·
这个图是官网的例子截图,但是问题在于如果我想点击第2行的时候,第一行居然不自动合并回去,这个问题一度搞得我很纠结,之后也是各种百度各种查终于给合并回去了。下面说一下咋弄的,当做一篇笔记吧。至于嵌套子表格咋弄去官网看吧 照着例子扒就行,我只说咋合并。
直接上图~
首先在你的外层Table加如图的两个属性。
第一个是你点击小加号时触发的事件,至于第二个就是合并与否的关键 是一个数组 里面存的就是你所有点开的行的唯一标识 。
这里说一下,外层的Table每一行必须有一个唯一的标识,比如id,你懂得~
再来一张图~
这张图就是点击触发的事件,方法里面的第一个参数是个boolean类型,子Table被点开了就是true 反之~,第二个参数是外层Table你点击那行的数据。
合并就靠图里面画圈的那两行。上面说了,数组里面存的是你点开行的唯一标识,这两行就保证你的数组里面始终只有一个数据,就是你想要点击的那行的唯一标识。
说完了, 自认为说的挺明白的,觉得我写的有问题的也欢迎指出,毕竟我是渣渣~
嗯,就酱吧。
更多推荐
已为社区贡献2条内容
所有评论(0)