layui实现表格动态分页

在Layui中，可以使用表格组件lay-table来实现表格动态分页。具体步骤如下：

1. 在HTML中添加一个表格容器：

<div class="layui-container">
    <table id="demo" lay-filter="test"></table>
</div>

2. 在JavaScript中定义表格数据：

var data = [
  {id:1, name:'张三', age:18, sex:'男'},
  {id:2, name:'李四', age:22, sex:'女'},
  {id:3, name:'王五', age:29, sex:'男'},
  {id:4, name:'赵六', age:35, sex:'女'}
];

3. 定义表格列属性：

var cols = [
  {field: 'id', title: 'ID', width:80},
  {field: 'name', title: '姓名', width:120},
  {field: 'age', title: '年龄', width:80},
  {field: 'sex', title: '性别', width:80}
];

4. 初始化表格：

layui.use('table', function(){
  var table = layui.table;
  
  //展示已知数据
  table.render({
    elem: '#demo',
    cols: [cols],
    data: data,
    limits: [5,10,15],
    limit: 5,
    page: true
  });
});

在初始化表格时，需要设置以下属性：

- elem: 表格容器的选择器
- cols: 表格列属性
- data: 表格数据
- limits: 每页显示条数的可选项
- limit: 每页显示条数
- page: 是否开启分页

以上设置完成后，即可在页面中展示表格，并且可以自动分页。