Layui 的 table 组件本身并未直接提供流式加载能力，因此实际开发中通常需要先关闭 page: false，再借助 flow.load 手动接管滚动监听与数据追加。表格部分则继续使用 table.render 先完成表头初始化，并在 done 回调中处理 DOM 插入，同时配合 table.resize 保持列宽同步，最后还要记得通过 flow.lazyimg 重新绑定图片懒加载。

Layui 的 table 组件原生并不支持流加载（infinite scroll）。所谓“分页实现流加载效果”，本质上就是绕开它的 page: true 内置分页机制，改为手动接管滚动监听和数据追加逻辑。如果强行开启内置分页再叠加流加载，不仅容易发生冲突，还可能引发重复请求、翻页错乱等问题。

为什么 table.render() 开启 page 后无法流加载

开启内置分页后，组件会强制渲染 .layui-laypage 区域，并统一接管所有翻页行为；同时它会把 url 请求封装在内部，不会暴露用于滚动加载的事件钩子。因此你既无法准确监听表格容器滚动，也无法拿到“是否应该请求下一页”的判断时机。

• 当 page: true 时，table.reload() 会清空整个表格并重新渲染，滚动位置会回到顶部，无法实现平滑追加
• 设置 height 启用 scrollY 后，实际滚动事件发生在 .layui-table-body 上，但内置分页并不会监听这个区域
• 即便你强行绑定 scroll 事件，table 内部的 pullData 方法也只会配合它自己的分页参数工作，不会响应你手动触发的加载流程

正确做法：禁用 page，用 flow.load 接管滚动

更合理的实现方式，是把表格当作纯 DOM 容器来使用：由 flow.load() 负责滚动检测与异步请求，由 table.render() 仅负责初始化表头结构（data: []），后续数据则在 done 回调中手动拼接 并插入 tbody。

• 初始化 table.render() 时必须设置 page: false，并且使用 data: []（空数组），这样可以保证只渲染表头而不渲染数据
• flow.load() 的 elem 应指向表格外层容器（例如 #demo），而不是 .layui-table-body
• 在 flow.load() 的 done 回调中，通过 elem.next('.layui-table-box').find('tbody') 找到真实的 tbody，然后逐条生成 ... 并执行 append()
• 每次追加完成后都必须调用 table.resize()，否则列宽无法同步，容易出现表头和内容错位的问题

滚动到底部判断不准？关键在 scrollElem 和计算方式

很多人实现失败，常见原因就是监听了 window 或表格最外层 div，导致滚动距离计算错误。因为真正具备滚动能力的是 .layui-table-body，只有它的 scrollTop 和 scrollHeight 才是有效的判断依据。

• flow.load() 的 scrollElem 必须显式设置为 '.layui-table-body'，不要依赖默认的 document
• 临界距离 mb 建议设置得小一些（例如 20），避免因表格高度计算误差造成加载延迟
• 不要使用 $(window).scrollTop() + $(window).height() >= $(document).height() 这类全局判断方式，因为它对表格内部滚动场景完全无效
• 如果表格容器本身存在 padding 或 border，计算时还需要减去这部分尺寸，否则可能总是差几像素而无法触发到底加载

图片列懒加载失效？必须在 done 里重新绑定

表格动态生成的 img[lay-src] 不会被 flow.lazyimg() 初次扫描到，因此在 reload 或流加载追加新数据之后，这些新增的 img 标签依然处于“未激活”状态，图片自然不会按预期显示。

• 应在 table.render() 的 done 回调中（不是 flow.load() 的 done），使用 jQuery 找出当前表格内所有待懒加载图片：elem.next('.layui-table-box').find('img[lay-src]')
• 然后显式调用 flow.lazyimg({ elem: $imgs })，并传入该图片集合，这样可以避免对已处理图片进行重复绑定
• templet 中必须写成 lay-src="{{d.a vatar}}" + 占位 src（如 src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="），如果直接写 src 就会立即加载，失去懒加载意义

Layui 表格流加载并不是简单打开一个开关就能完成，它要求你精确控制滚动容器、DOM 插入时机以及图片懒加载的绑定生命周期。尤其容易忽略的一点是：每次新数据追加后，都必须手动执行 resize() 和重新 lazyimg()，否则表格错位和图片无法显示几乎是必然会出现的问题。