基于可用空间的动态表分页

【问题标题】：Dynamic table pagination based on available space基于可用空间的动态表分页
【发布时间】：2021-11-05 01:36:02
【问题描述】：

我有一个表，我用基于 KeySet 的分页的 REST API 填充它。我使用的分页包含 5 个按钮来代表页面。

我想使用所有可用空间来显示表格中的最大行数，但同时使页面越来越小并不会导致表格内部滚动。所以，我不是指通常的响应式。

我尝试了一个导致一些连续问题的解决方案。我认为最好从一开始就回去寻找更好的想法。根据您的经验，您有什么解决方案吗？

【问题讨论】：

【解决方案1】：

对不起，我不明白你的问题，但也许这可以帮助你。有一个名为“Intersection Observer API”的 WEB API。使用此观察者，您可以接触到设备视图中的元素。也许这可以帮助你，兄弟。

【讨论】：

谢谢你，Esmaeil。我之前不知道“Intersection Observer API”。无论如何，在这种情况下它无济于事。 Implemented：为了实现动态表格，我在初始渲染时只考虑了可用空间，计算了屏幕上可以显示的行数。 Improvement point: 初始渲染后，我想增加或减少浏览器高度，而不会导致可用空间或在表格中滚动。