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

Question

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

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

Answer 1

你可以尝试这样的事情:

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

现在可以在屏幕上显示的 № of rows 将是 300/30 = 10 (包括标题)。

所以你可以在 $index == 10 上使用 ng-if (使用 ng-repeat)。

The values will change as per your screen size.