laypage.render() 的 text 参数可直接覆盖默认中文文案,如 prev、next、count、jump 等键值可自定义为英文或其他文本,{0} 为 count 中的占位符;lang 参数需配合 laypage.langs.en 语言包文件才生效,否则无效。

laypage.render() 的 text 参数直接覆盖中文文案
layui 分页默认显示“上一页”“下一页”“共 x 条”等中文,改英文最直接的方式是通过 text 配置项传入自定义字符串。这个参数接受对象,键名固定,值可任意替换。
-
prev:上一页文字(默认 “上一页”) -
next:下一页文字(默认 “下一页”) -
page:页码按钮上的数字(一般不改,但支持) -
count:总数描述(默认 “共 {0} 条”;{0} 是占位符,会被自动替换) -
jump:跳转提示(默认 “跳转到”)
示例:
layui.use('laypage', function(){
var laypage = layui.laypage;
laypage.render({
elem: 'demo',
count: 100,
text: {
prev: '<< Prev',
next: 'Next >>',
count: 'Total: {0}',
jump: 'Go to'
}
});
});
lang 参数无效?检查是否漏了 laypage.en.js
你可能试过 lang: 'en' 却没生效——因为 laypage 的 lang 不像 laydate 那样自带语言包,它只是个开关,实际文案仍需语言包文件注入 laypage.langs.en 对象。没引入对应 JS,lang 就是摆设。
- 必须手动引入
laypage.en.js(Layui 官方未提供,需自己写或从社区找) - 引入顺序必须在
layui.js之后、laypage.render()之前 - 内容格式类似:
window.laypage.langs = window.laypage.langs || {}; laypage.langs.en = {prev:'Prev', next:'Next', count:'Total: {0}'}
如果懒得维护语言包,text 方式更轻量、更可控。
分页容器里残留中文?清空浏览器缓存再试
有时改完 JS 代码,页面仍显示旧中文,不是逻辑问题,而是浏览器缓存了旧版 laypage.js 或你修改过的本地副本。
- Chrome 开发者工具 → Network → 勾选 “Disable cache” 再刷新
- 或者强制硬刷新:
Ctrl + Shift + R(Windows)/Cmd + Shift + R(Mac) - 检查 Network 面板中
laypage.js的响应时间,确认加载的是最新版本
尤其当你直接修改了 layui 源码里的 laypage.js(比如把“共”改成“Total”),缓存不清理就永远看不到效果。
表格分页(table.render)里的文字怎么同步改
如果你用的是 table.render() 自带的分页,它的文案不走 laypage 配置,而是由 table 模块内部控制。必须通过 done 回调 + 手动重写 DOM,或更稳妥地——用 limits 和 limit 配合外部 laypage 实现分离控制。
- table 默认分页无法用
text参数,lang也无效 - 推荐做法:关闭 table 内置分页(
page: false),用独立laypage.render()控制,并在jump回调里重新调用table.reload() - 若坚持用内置分页,只能靠 CSS + JS 定位后替换文本,例如:
$('.layui-laypage .layui-laypage-curr em').parent().next().text('of')—— 但极易因 layui 版本更新而失效
真正稳定的方案,是绕开 table 的分页封装,自己用 laypage + table.reload 组合,这样所有文案都可控,升级风险也低。


















