给table添加transition动画的问题

问题原因:

想动态显示隐藏数据表格,但是显隐想使用transition动画过度,直接给table的高度添加transition却不失效.

 

解决方案:

table上直接设置高度(height:0;))并不会直接生效

可以给tr中添加一个div,将内容显示在div中,再对div的高度进行设置及添加transition,同时对tr也进行高度控制,并设置transition

记得设置paading:0;border:none;等样式