ant-design-vue icon indicating copy to clipboard operation
ant-design-vue copied to clipboard

How can I add transition animation for the a-table's expandedRowRender

Open yowainaegi opened this issue 1 year ago • 0 comments
trafficstars

  • [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

Edit on CodeSandbox

Steps to reproduce

  1. first time click the expand icon, the "fadetras" doesn't work when the expand row appear

  2. second time click the expand icon, the "fadetras" doesn't work when then expand row disappear

  3. then third time click the expand icon, the "fadetras" is working when then expand row appear

  4. 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

yowainaegi avatar Jan 11 '24 11:01 yowainaegi