ant-design-vue
ant-design-vue copied to clipboard
How can I add transition animation for the a-table's expandedRowRender
- [x] I have searched the issues of this repository and believe that this is not a duplicate.
Version
3.2.20
Environment
Mac 13.0.1 / Windows 11, Chrome: 120.0.6099.129, Vue 3.2.45
Reproduction link
Steps to reproduce
-
first time click the expand icon, the "fadetras" doesn't work when the expand row appear
-
second time click the expand icon, the "fadetras" doesn't work when then expand row disappear
-
then third time click the expand icon, the "fadetras" is working when then expand row appear
-
then all the clicks are like :
- "fadetras" works when the expand row appear,
- "fadetras" dosen't work when then expand row disappear
What is expected?
I want add the transition animation at the <template #expandedRowRender>
What is actually happening?
it looks like I can not add the transition animation at the template, only I can add it to the content which in the template tag.
I don't think it's a bug, but I want to give you the "Link to minimal reproduction", So I choose the "Bug Report", Could you give me some solution about this situation