Layui表格开启分页后怎么去掉默认分页符-Layui教程-PHP中文网

Layui table 分页后隐藏默认分页栏需用 CSS 隐藏 .layui-table-page 元素，而非设置 page: false（否则关闭分页逻辑）；推荐在 done 回调中执行 $('.layui-table-page').hide() 或全局加 .layui-table-page { display: none !important; }。

layui table 分页后如何隐藏默认分页栏

直接说结论：layui 的 table.render() 默认开启分页时会渲染底部的分页栏（含「上一页」「下一页」「跳转」等），但没有内置配置项能“关闭它”。所谓“去掉分页符”，本质是**隐藏 dom 而非禁用分页逻辑**——分页请求、page 参数、数据切片仍正常工作，只是不显示 ui。

为什么不能用 `page: false`？

因为 page: false 是彻底关闭分页功能：表格不再按 limit 切数据，data 全量渲染，且不发送带 page/limit 的请求。如果你仍需服务端分页（比如查 10 万条只取第 3 页），就不能关掉 page 配置。

page: false → 无分页逻辑，无分页请求，无分页栏
page: true 或 page: { ... } → 有分页逻辑 + 默认分页栏
要“有逻辑、无栏” → 只能靠 CSS 隐藏

用 CSS 隐藏分页栏最稳妥

Layui 表格分页栏固定在容器底部，类名稳定：.layui-table-page。只要在表格渲染完成后加一行样式即可，不影响任何行为。

推荐写在 done 回调里，确保 DOM 已生成：

done: function(res, curr, count) {
  // 隐藏分页栏，保留分页逻辑
  $('.layui-table-page').hide();
}

如果全局统一处理，也可在 CSS 中加：
```
.layui-table-page { display: none !important; }
```
（注意 !important，Layui 内联样式可能覆盖）
别用 visibility: hidden —— 它仍占布局空间，可能导致表格底部留白

容易踩的坑：隐藏后翻页失效？

不会失效，但要注意两个边界：

如果用了 page: { layout: ['count', 'prev', 'page', 'next', 'skip'] } 自定义布局，隐藏的是整个 .layui-table-page 容器，所有子元素一并消失，不影响逻辑
如果手动调用 table.reload()，新渲染的分页栏会重新出现，所以必须在每次 done 里再执行 $('.layui-table-page').hide()，或改用全局 CSS
别试图用 elem.find('.layui-table-page').remove() —— Layui 内部依赖该节点做事件绑定，删了会导致翻页按钮点击无响应

核心就一点：分页栏是“皮肤”，不是“骨骼”。想藏，就藏得干净利落；想动逻辑，才碰配置和 API。其他地方基本没得选。