html - 根据屏幕大小限制表格行数

Question

所以，我在一个集合中有 n 个对象。我正在ng-repeat使用<tr>.

有没有办法限制它将在 html 中生成多少行，以使表格不超过当前屏幕高度？

标签： htmlcssangularjs

Answer 1

你可以尝试这样的事情：

您可以获得创建表格的元素的高度。假设高度是300px。
你可以得到表格行的高度 ( <td>)，比如30px。

现在可以在屏幕上显示的行300/30 = 10数将是（包括标题）。

因此，您可以启用 ng-if $index == 10（使用 ng-repeat）。

这些值将根据您的屏幕尺寸而变化。