layui table 怎么实现流加载

Layui table 支持流加载（即下拉滚动加载），可以通过设置 table 的`page`属性和监听`table.on('scroll')`事件来实现。

以下是实现流加载的步骤：

1.在 table 中设置`page`属性，用于配置分页参数，例如：

table.render({
  elem: '#test',
  url: '/api/getData',
  page: true, // 开启分页
  limit: 10, // 每页显示的数量
  limits: [10, 20, 30], // 每页显示的数量选项
  // 其他配置项
});

2.监听`table.on('scroll')`事件，当滚动到底部时加载下一页数据，例如：

table.on('scroll(test)', function(obj){
  // obj包含了当前表格的相关信息，例如：
  // obj.elem 当前容器的 DOM 对象
  // obj.event 事件对象
  // obj.field 当前排序的字段
  // obj.config 当前实例化后的 table 配置项
  // obj.data 当前表格的数据集合
  // obj.limit 每页显示的数量
  // obj.curr 当前页码

  // 判断是否滚动到了底部
  if(obj.scrollTop + obj.height + 50 >= obj.scrollbar){
    // 加载下一页数据
    table.reload('test', {
      page: {
        curr: obj.curr + 1 // 将当前页码加1
      }
    });
  }
});

3.在服务器端根据请求参数返回对应页码的数据即可。

注意事项：

- 流加载是在原有数据的基础上继续加载数据，因此需要在服务器端传递当前页码和每页显示的数量，以方便后端查询数据。
- 流加载时需要注意滚动条的高度，需要根据实际情况进行调整。