html - 如何将表格行的高度设置为 0 像素？

Question

对于 Angular 应用程序，我尝试添加动画以在表格中添加和删除表格行。为此，我想展开和折叠单个表格行。

我需要有一个初始和最终的 CSS 状态。对于初始状态，我想将表格行的高度设置为 0px，但即使我尝试添加以下样式，表格行仍然没有设置为 0px；

tr, tr * {
   height: 0px !important;
   overflow: hidden;
   line-height: 0px !important;
}

如何完全折叠单个表格行 DOM 元素？

编辑：这不是实际情况，但这个小提琴可能是一个很好的可比情况；http://jsfiddle.net/mLk5w26n/

标签： htmlcss