給table添加transition動畫的問題

問題原因:

想動態顯示隱藏數據表格,但是顯隱想使用transition動畫過度,直接給table的高度添加transition卻不失效.

 

解決方案:

table上直接設置高度(height:0;))並不會直接生效

可以給tr中添加一個div,將內容顯示在div中,再對div的高度進行設置及添加transition,同時對tr也進行高度控制,並設置transition

記得設置paading:0;border:none;等樣式