Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html AngularJs如何根据表中的值量更改高度_Html_Css_Angularjs_Scroll - Fatal编程技术网

Html AngularJs如何根据表中的值量更改高度

Html AngularJs如何根据表中的值量更改高度,html,css,angularjs,scroll,Html,Css,Angularjs,Scroll,我得到了一个非常简单的AngularJS应用程序,页面上有两个表。 我想在那里实现scroll,所以我使用了简单的css代码,如: tbody { overflow: auto; } 具有每个表的定义高度。在那之后,我尝试了实现,但看起来几乎一样(这就是为什么我更喜欢最简单的解决方案) 所以,问题是-如果我的表中有很多值,滚动效果很好,但是虽然我只有一行,但是我有很多空白,因为高度是用一个值固定的。 带有angularjs的Pure table功能完美,可以根据值的数量更改高度,但没有滚动

我得到了一个非常简单的AngularJS应用程序,页面上有两个表。 我想在那里实现scroll,所以我使用了简单的css代码,如:

tbody {
 overflow: auto;
}
具有每个表的定义高度。在那之后,我尝试了实现,但看起来几乎一样(这就是为什么我更喜欢最简单的解决方案)

所以,问题是-如果我的表中有很多值,滚动效果很好,但是虽然我只有一行,但是我有很多空白,因为高度是用一个值固定的。 带有angularjs的Pure table功能完美,可以根据值的数量更改高度,但没有滚动

如果我希望避免空白,但我也希望看到在表格中的15个值之后滚动,那么实现表格滚动的最佳方法是什么


尝试css中的
最小高度
最大高度

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

这将使您的车身高度至少达到5em,并在达到15em时显示一个滚动条。

在css中尝试
最小高度
最大高度

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

这将使您的身体高度至少达到5em,并在达到15em时显示一个滚动条。

尝试使用ng样式,借助ng样式,css可以根据表达式或任何其他逻辑进行更改。

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

它看起来像angular忽略样式[Screenshot 2][1][1]:我检查了一个旧项目,我一直使用div,并通过css使它看起来像一个旧的学校表格。它看起来像angular忽略样式[Screenshot 2][1][1]:我检查了我的一个旧项目,我一直使用div,并通过css使它看起来像一个旧的学校表格。Hm,我找到了一些示例:
title
,因此我可以更改表格的高度,并可以尝试在我有20行时启用滚动。我会试试的,谢谢。嗯,我找到了一些例子:
title
,这样我可以更改表格的高度,并且可以在我有20行的时候尝试启用滚动。我试试看,谢谢。