Applying AutoAnimate to table rows destroys row display format
Author: ThenTechCreated May 21, 2022Updated Oct 28, 2025
Straightforward and easy to use library so far.
I was however testing out animations on tables, sorting (rows moving) and removing filters (adding rows) work great. But removing rows, collapses the style of them and make them weirdly float outside the table. Also the sizing of the parent during the animation looks off.
Example in this sandbox: https://codesandbox.io/s/upbeat-kapitsa-hx0mvd?file=/src/App.js
Any advice on how to handle this? (without styling plain divs to look like a table)
Source: formkit/auto-animate