layout数组必须全量声明所有区块，漏项则对应功能不渲染，顺序决定dom排列，仅支持count、prev、page、next、limit、refresh、skip七项小写字符串，非法项或拼写错误将导致退化为默认布局。
layout数组必须显式列出所有要显示的区块
laypage 的 layout 不是“追加配置”，而是“全量声明”——漏掉任意一项，对应功能就彻底不渲染。比如没写 'count'，「共x条」就不会出现；没写 'prev'，上一页按钮直接消失。默认值 ['prev','page','next'] 只在你完全不传 layout 时生效，一旦传了数组，就必须自己写全。
支持的合法项只有：count、prev、page、next、limit、refresh、skip。顺序即 DOM 渲染顺序，比如 ['count', 'prev', 'page', 'next', 'limit'] 会让总数文字出现在最左侧，每页条数下拉框在最右侧。
常见错误：
- 把字符串当数组用：
layout: 'count, prev, page'（错）→ 必须是数组：layout: ['count', 'prev', 'page'] - 拼写错误：
'conut'或'Count'（大小写敏感，必须小写） - 混入非法项：
layout: ['count', 'search']（'search'不被识别，整个 layout 会退化为默认）
想让“共x条”插在页码中间？得手动 patch DOM
Layui v2.8+ 虽然支持 count 作为独立 layout 项，但仅限线性排列——它只能放在开头、结尾或两个固定区块之间，无法嵌入到页码数字序列内部（比如第3页和第4页按钮之间）。这种需求 laypage 原生不提供钩子，必须等渲染完成后再操作 DOM。
实操建议：
- 在
jump回调里用setTimeout(() => { /* DOM 操作 */ }, 10)确保分页已挂载 - 定位目标容器：
document.querySelector('.layui-laypage .layui-laypage-curr')或更稳妥地查.layui-laypage-em（页码数字容器） - 用
insertBefore或appendChild插入带 class 的span，再用 CSS 定位（注意避免影响点击区域） - 不要直接修改
.layui-laypage内部结构，否则可能破坏事件绑定
自定义 layout 后样式错乱？检查 theme 和 DOM 结构变化
当你改了 layout 顺序，特别是加入 count 或 skip 后，laypage 生成的 DOM 结构会变（比如多一层 div.layui-laypage-count），但默认 CSS 规则可能没覆盖新结构，导致文字堆叠、换行异常或颜色丢失。
关键点：
-
theme参数只控制按钮背景色，不影响布局流；若需微调位置，得额外写 CSS，比如：.layui-laypage-count { margin-right: 10px; } - 如果用了自定义
theme字符串（如theme: '#393D49'），确保没和其它 layui 组件的 theme 冲突（比如 table 的 theme 会污染全局） - 禁用
limit但保留skip时，跳转输入框可能因缺少左右间距而贴边，需手动加margin
表格内置分页不能用 layout 自定义？对，必须拆开
layui table.render() 的 page 配置不接受 layout 参数。你看到的分页栏是 table 内部调用 laypage 渲染的“黑盒”，page: { layout: [...] } 会被忽略。想真正控制顺序，唯一办法是关掉内置分页，用独立 laypage.render() + table.reload() 组合。
必须做的两件事：
-
table.render()中设page: false，否则两个分页实例会冲突，DOM 重复，groups、layout全部失效 -
laypage.render()的elem必须指向一个空容器（如<div id="custom-page"></div>），不能复用 table 的容器
这带来的副作用是：筛选、刷新、URL 参数变更时，where 必须手动同步到 table.reload() 和 laypage.render() 的 count 计算中——没有自动联动，每一步都得显式传参。
