layTable 的 page 配置无法自定义分页容器位置，必须用 laypage.render + table.reload 拆分实现：禁用内置分页，独立渲染 laypage，并在 jump 回调中判断 !first 后 reload 表格，后端需返回准确 count 以支持动态分页。
layTable 的 page 配置不能直接控制分页容器位置
layui 表格自带的 page: true 或 page: {…} 会把分页条渲染在表格底部固定区域，无法用 css 移动或插入到其他 dom 节点里。这是底层实现决定的——它和表格 dom 是强绑定的，elem 只能指定表格容器，不接受分页独立挂载点。
必须用 laypage.render + table.reload 拆分控制权
想把分页条放到顶部、侧边、或表格外任意位置，就得放弃表格内置分页，改用独立的 laypage 组件，并手动驱动表格重载：
-
table.render中设page: false，禁用自带分页 - 在目标位置（比如
<div id="custom-page"></div>）放一个空容器 - 调用
laypage.render({ elem: 'custom-page', count: total, limit: 10, ... }) - 在
jump回调里用table.reload('table-id', { where: { page: obj.curr, limit: obj.limit } })触发请求 - 后端仍需接收
page和limit参数做 SQL 分页（如OFFSET (page-1)*limit LIMIT limit）
自定义布局时容易漏掉的两个关键点
很多人写了 laypage.render 却没效果，问题常出在这两处：
- 没在
jump回调里加!first判断：首次渲染时obj.curr是 1，但此时表格还没加载，reload会失败；应只在用户点击页码后才执行 reload - 后端返回的 JSON 结构必须含
count字段（总条数），且值要准确；否则laypage的count参数无法动态更新，翻页到末尾会卡住或空白
分页容器位置自由，但数据同步逻辑得自己兜底
把分页条挪到顶部或右侧后，表格和分页就变成两个独立模块。这意味着：筛选条件变更、刷新按钮点击、甚至 URL 参数变化，都得手动同步 where 到 table.reload 和 laypage.render 的 count 计算中。没有自动联动，每一步都要显式传参。
