javascript - 在表中动态加载数据

Question

我有一个带有固定标题和可滚动行部分的表格。行数据来自后端，基于用户在提供的搜索框中输入的内容。根据搜索框的输入，表中将填充行。对于前端优化，我想从后端获取所有数据并仅在 View 中显示前 10 行，其余数据应在用户在表中向下滚动时显示。

有什么办法可以实现这样的场景吗？

Answer 1

因此，您可以在前端使用类似于无限滚动分页的功能，每当到达页面末尾时，都将 API 中的数据附加到现有表数据中。每当您到达页面末尾时，新数据就会添加到表中。

window.onscroll = function(ev) {
  if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
    //Add your data append logic here
  }
};

这有帮助吗？