Layui表格page配置无法将分页栏挪到表头，因其硬编码渲染在底部且不支持挂载位置控制；唯一可靠方式是禁用内置分页（page: false），用laypage.render()在表头上方独立渲染，并手动同步curr/count、URL参数及滚动定位。
为什么 page 配置不能把分页栏挪到表头
Layui 表格的 page 配置项（比如 { layout: ['count', 'prev'] }）只控制分页栏内部按钮的显隐和顺序，**不提供挂载位置控制能力**。它硬编码渲染在表格容器底部的 .layui-table-page 区域里，CSS 用 position: absolute 或 flex order 强行上移，极易导致翻页按钮错位、点击失效，或与固定表头布局冲突。
必须禁用内置分页，改用 laypage.render 独立渲染
想让分页栏出现在表头位置，唯一可靠方式是拆开：关闭表格自带分页，用 laypage.render() 在任意 DOM 节点（比如表头上方的 <div id="top-page"></div>）独立绘制分页 UI，并通过 table.reload() 同步数据：
-
table.render()中设page: false，彻底移除底部分页 DOM - 在目标位置放空容器：
<div id="top-page"></div> - 调用
laypage.render({ elem: 'top-page', count: total, limit: 10, curr: 1 }) - 在
jump回调中触发table.reload('yourTableId', { where: { page: obj.curr, limit: obj.limit } })
容易漏掉的两个同步点
拆开后，表格和分页变成两个独立模块，以下逻辑必须手动补全，否则搜索、重载时页码错乱或跳转失效：
- 每次调用
table.reload()（如搜索、筛选）后，必须显式调用laypage.render()的curr和count参数更新，否则页码显示滞留旧值 - URL 带参数（如
?page=3）进入页面时，需手动解析curr并传给laypage.render()，同时初始化table.render()的where，别指望自动读取
滚动定位与视觉对齐细节
分页移到顶部后，用户点击页码刷新表格，页面可能卡在旧位置：
- 若整个页面滚动，把
window.scrollTo(0, 0)放在table.reload()的done回调里，并加setTimeout(..., 0)确保 DOM 已重绘 - 若表格容器有固定高度（如
height: 450px），要滚动的是.layui-table-box，不是window：document.querySelector('.layui-table-box').scrollTop = 0 - 顶部分页栏和表格工具栏高度不一致？别硬调
line-height，统一用padding和display: flex; align-items: center对齐，避免和 Layui 默认样式打架
