layui实现表格自动滚动

在layui中，可以通过table.render()方法来渲染表格，通过设置height属性可以控制表格的高度。如果表格中的数据过多，可以通过设置overflow属性来实现表格的自动滚动。

示例代码如下：

// 渲染表格
table.render({
  elem: '#demo',
  height: 400, // 设置表格高度
  url: '/demo/table/user/', // 数据接口
  page: true, // 开启分页
  cols: [[ // 表头
    {field: 'id', title: 'ID', width: 80, sort: true},
    {field: 'username', title: '用户名', width: 120},
    {field: 'email', title: '邮箱', minWidth: 150},
    {field: 'sex', title: '性别', width: 80, sort: true},
    {field: 'city', title: '城市', width: 100},
    {field: 'sign', title: '签名', width: 200},
    {field: 'experience', title: '积分', width: 80, sort: true},
    {field: 'score', title: '评分', width: 80, sort: true},
    {field: 'classify', title: '职业', width: 100},
    {field: 'wealth', title: '财富', width: 135, sort: true},
  ]]
});

// 设置表格的overflow属性
$('.layui-table-body').css('overflow', 'auto');

在上面的示例代码中，我们设置了表格的高度为400px，并通过url属性指定了数据接口。然后，我们通过设置表格的overflow属性来实现表格的自动滚动。

注意，我们需要设置的是表格体的overflow属性，而不是表头的。因为表头是固定在页面顶部的，不会随着表格内容的滚动而发生变化。