我有一个带有固定标题和可滚动行部分的表格。行数据来自后端,基于用户在提供的搜索框中输入的内容。根据搜索框的输入,表中将填充行。对于前端优化,我想从后端获取所有数据并仅在 View 中显示前 10 行,其余数据应在用户在表中向下滚动时显示。
有什么办法可以实现这样的场景吗?
最佳答案
因此,您可以在前端使用类似于无限滚动分页的功能,每当到达页面末尾时,都将 API
中的数据附加到现有表数据中。每当您到达页面末尾时,新数据就会添加到表中。
window.onscroll = function(ev) {
if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
//Add your data append logic here
}
};
这有帮助吗?
关于javascript - 在表中动态加载数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52035901/