javascript - 在表中动态加载数据

标签 javascript jquery

我有一个带有固定标题和可滚动行部分的表格。行数据来自后端,基于用户在提供的搜索框中输入的内容。根据搜索框的输入,表中将填充行。对于前端优化,我想从后端获取所有数据并仅在 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/

相关文章:

javascript - jQuery 问卷 slider

javascript - 为什么此按钮不触发 anchor 标记?

javascript - 具有多个标题行和固定列的 JQuery 数据表

javascript - 使用 CSS 动画和 jQuery 删除 div 消息

javascript - 如何将 js 字符串从 chrome 扩展内容脚本发送到 php

javascript - 如何禁用ajax请求的页面

javascript - tinymce 在发布时删除内容

javascript - AngularJS UI 路由器命名 View 延迟加载

javascript - 修改 Flipbook jquery 以加快加载速度

javascript - 使用 PrettyCheckable 插件与 knockoutjs 2.1 检查数据绑定(bind)不起作用