html 表单数据自动分页,layui+nicePage.js实现JSON自动表格分页代码

您可以参考以下代码实现JSON自动表格分页：

HTML代码：

<div class="layui-container">
  <table class="layui-table" id="table"></table>
  <div id="page"></div>
</div>

JavaScript代码：

// 模拟数据
var data = [];
for (var i = 1; i <= 100; i++) {
  data.push({ id: i, name: "name" + i, age: i + 10 });
}

// 渲染表格
var table = layui.table;
table.render({
  elem: "#table",
  data: data,
  cols: [[
    { field: "id", title: "ID" },
    { field: "name", title: "姓名" },
    { field: "age", title: "年龄" }
  ]],
  page: false // 禁用分页
});

// 分页
var laypage = layui.laypage;
var nicePage = layui.nicePage;
var pageSize = 10;
laypage.render({
  elem: "#page",
  count: data.length,
  limit: pageSize,
  layout: ["prev", "page", "next", "count"],
  jump: function(obj) {
    var start = (obj.curr - 1) * pageSize;
    var end = start + pageSize;
    var pageData = data.slice(start, end);
    table.reload("table", {
      data: pageData
    });
    nicePage.init({
      totalRows: data.length,
      pageSize: pageSize,
      currentPage: obj.curr,
      tableId: "table"
    });
  }
});

其中，`nicePage.js` 可以从官方文档中下载。这段代码中，我们使用了 `laypage` 实现分页，`nicePage` 实现表格分页。在 `laypage` 的回调函数中，我们根据当前页码和每页大小，从原始数据中截取对应数据进行表格渲染，并通过 `nicePage` 初始化表格分页组件。