AngularJs如何根据表中的值来改变高度

Question

我有一个非常简单的AngularJS应用程序，页面上有几个表。 我想在那里实现滚动，所以我使用简单的css代码，如：

tbody {
 overflow: auto;
}

为每个表定义高度。之后我尝试了https://github.com/cornflourblue/angu-fixed-header-table实现，但它看起来几乎相同（这就是为什么我更喜欢最简单的解决方案）。

所以，问题是 - 如果我的表中有很多值，滚动效果很好，但是当我只有一行时 - 我得到了很多空的空间因为高度固定了一个价值。 带有angularjs的纯表可以很好地工作，并根据值的数量改变高度，但没有滚动。

如果我想避免空白区域，实现表格滚动的最佳方法是什么，但我还希望在表格中看到15个值后滚动？

Answer 1

在css中尝试min-height和max-height

tbody {
    min-height = 5em; /**You might also consider the extra space for padding**/
    max-height = 15em;
}

这会将你的身高填充到至少5em，并且一旦击中15em就会显示一个滚动条。

Answer 2

尝试使用ng-style，在ng-style css的帮助下可以根据表达式或任何其他逻辑进行更改。