Mysql 如何创建100%高度的主体、可滚动的HTML表格和服务器端加载的元素？ 目标

我的目标是创建一个全尺寸的可滚动HTML表，其中的行是从MySQL数据库延迟加载的

---

我试过的 我使用的数据表基于以下示例：

• • 在这个页面上，其中的表数据是由javascript生成的

我的数据表的内容是从MySQL数据库加载的：

• • 延迟加载在这种情况下很重要

---

结果 虽然链接的数据表向导本身工作正常。当我将可滚动扩展、服务器端处理（延迟加载）和100%高度表组合在一起时，结果不合适：

• 只有第一个ajax元素被加载到表中，其他部分将保持未填充状态。由于滚动，ajax数据也不会加载。
  • 代码片段附在下面

另一个尝试-引导 我试着用这个例子来说明

• 在这种情况下，所有的行都由一个巨大的AJAX请求加载，客户端过载（延迟加载不起作用）

---

代码片段

$（文档）.ready（函数（）{
变量表=$（“#示例”）。数据表（{
处理：对，
服务器端：是的，
ajax：“server_processing.php”，//来源：https://datatables.net/examples/data_sources/server_side.html
服务器端：是的，
顺序：对，
搜索：假，
是的，
滚动条：{
加载指示器：true
}
} );
} );

名字
姓
位置
办公室
开始日期
薪水
名字
姓
位置
办公室
开始日期
薪水
“哪些行是从MySQL延迟加载的”您指的是多少行？引入一些分页不是更好吗？（参见，即）顺便问一下，100%的高度是什么？埃菲尔铁塔？该表可以包含10000到100000个元素。现在还没有确定。我知道分页，它会正常工作，但在这种情况下，使用滚动尤为重要height@Evert我明白了，但是使用纯CSS和Javascript如何解决这个问题呢？你能举个例子吗？“哪些行是从MySQL延迟加载的”你说的是多少行？引入一些分页不是更好吗？（参见，即）顺便问一下，100%的高度是什么？埃菲尔铁塔？该表可以包含10000到100000个元素。现在还没有确定。我知道分页，它会正常工作，但在这种情况下，使用滚动尤为重要height@Evert我明白了，但是使用纯CSS和Javascript如何解决这个问题呢？你能举个例子吗？