layui表格加分页

layui是一款轻量级的前端UI框架，它提供了一个简单易用的表格组件以及内置的分页功能。在layui中，你可以很容易地创建带分页的表格，步骤如下：

1. 首先，引入layui的样式和js文件到HTML页面中：

   <link rel="stylesheet" href="layui/css/layui.css">
   <script src="layui/layui.js"></script>

2. 使用layui的`table`组件创建表格，并通过`laypage`组件添加分页插件：

   <table id="demo" lay-filter="demo" lay-data="{data: yourDataList, pages: totalPage}" style="width: 100%"></table>
   <!-- 分页插件 -->
   <div id="laypage"></div>

3. 初始化表格和分页，通常在JavaScript中完成：

   layui.use(['table', 'laypage'], function () {
     var table = layui.table,
         laypage = layui.laypage;

     // 表格数据和总页数
     var data = ...; // 你的数据列表
     var totalPage = ...; // 总页数

     // 初始化表格
     table.render({
       elem: '#demo',
       data: data,
       methods: {} // 如果需要特定的表格操作方法
     });

     // 初始化分页插件
     laypage.render({
       elem: '#laypage', // 分页容器ID
       count: totalPage, // 总页数
       layout: ['prev', 'page', 'next'],
       jump: function (obj) {
         table.page(obj.url).refresh(); // 跳转到指定页码时刷新表格
       }
     });
   });

4. 当数据源发生变化或者需要更新分页时，可以调用`table.page(pageIndex).refresh()`来更新表格内容到指定页。