layui表格分页栏的显隐和顺序由page.layout数组控制，仅认官方关键词['count','prev','page','next','limit','refresh']，错误字符串或缺失limit会导致分页失效；按钮文字、统计文案、样式需在done回调中操作dom实现。
layout数组控制显隐和顺序，不是css隐藏
layui表格分页栏的「显示哪些元素」和「排列顺序」由page.layout数组决定，不是靠display: none硬藏。写错字符串或漏配关键字段，会导致分页失效（比如点击页码没反应）。
-
layout只认官方关键词：['count', 'prev', 'page', 'next', 'limit', 'refresh']，写成'pages'或'pagination'会被忽略 - 要隐藏跳转输入框，就别写
'skip'——它根本不存在；要隐藏每页条数下拉，必须不传limits，而不是传空数组[]（否则报Cannot read property 'length' of undefined） - 哪怕只想要「上一页/当前页/下一页/总数」，也得保证
limit字段存在，否则请求里缺limit参数，后端收不到每页数量
正确示例：page: { layout: ['count', 'prev', 'page', 'next'], limit: 15 }
想改「上一页」「下一页」文字？不能直接设prev/next
table.render的page配置里，prev和next字段对内置分页无效——它们只在独立laypage.render()中起作用。表格自带分页的按钮文本是写死的，改不了。
- 真要换内容（比如改成「◀」或「上一章」），只能在
done回调里操作DOM：$('.layui-laypage-prev').html('◀ 上一页') - 必须等表格渲染完成后再执行，否则
.layui-laypage-prev还没生成，查不到元素 - 如果用了
laypage.render()单独渲染分页，和table.render()的分页是两套逻辑，别混用，否则状态不同步
自定义统计文案「第n-m条，共x条」要手动算
layui默认的分页统计文字不走语言包，也不响应配置项，必须在done回调里自己计算并写入。
- 用
res.count优先（服务端返回），fallback到count参数（仅前端分页） -
start = (curr - 1) * limit + 1，end = Math.min(curr * limit, total)，必须防越界，最后一页总数不是limit整除时容易出错 - 别用
.text()或.innerText，有些版本会往里面塞额外节点，用.innerHTML最稳
片段示例：const pageTextEl = document.querySelector('.layui-table-page span:last-child');if (pageTextEl) pageTextEl.innerHTML = `第 ${start}-${end} 条，总计 ${total} 条`;
改颜色样式，时机和选择器权重最关键
自定义按钮背景色、字体色，看似只是加CSS，但常因加载顺序或选择器冲突失效。
- 你的样式必须放在
layui.all.js之后，且最好在table.render()调用后动态append，否则被layui内置样式覆盖 - 移动端按钮会自动缩放，得加媒体查询调
font-size和padding，不然点起来费劲 - 如果页面用iframe或动态加载，分页可能被重复渲染，样式重置——解决办法是在
done回调里再执行一次样式注入
真正生效的写法示例：.layui-laypage .layui-laypage-a { background-color: #4a9ff5 !important; }.layui-laypage .layui-laypage-curr { background-color: #4a9ff5 !important; }
分页布局定制看着是配置问题，实际是渲染时机、DOM生命周期和API联动关系的综合判断。最容易忽略的是：禁用内置分页后，所有数据同步（如搜索、刷新、URL参数变更）都得手动传参，没有自动兜底。
