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

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

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

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

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

---

编辑：这不是实际情况，但这把小提琴可能是一个很好的可比情况

您是否尝试为每行添加自定义类，然后对其进行更改？也许某个地方有什么东西覆盖了它？顺便说一下，通过“tr，tr*”更改所有tr并不是一种很好的样式设置方式，最好是为它提供自定义类，如果不是在tr上，就在父元素上添加它。我尝试使用浏览器开发工具调整css代码。放置：例如，最后一个子选择器可以将其集中在最新的行上。您可以共享代码吗？请检查JSFIDLE