直接修改 .layui-table-page { border-top: none !important; } 即可去除分页栏底部横线，因其由该容器的 border-top 控制，与表格本身边框无关；需加 !important 覆盖 Layui 内联样式。
layui table 分页栏底部边框线怎么去掉
分页栏底部那条横线不是表格本身的 border，而是 Layui 渲染的 .layui-table-page 容器自带的 border-top。它和分页逻辑无关，纯属 UI 装饰，直接 CSS 干掉就行。
常见错误是去动 .layui-table 或 tbody 的 border-bottom——完全没用，因为那条线根本不在表格 DOM 里，而在分页容器上。
- 最稳妥：在
done回调里加一行样式：$('.layui-table-page').css('border-top', 'none'); - 全局统一处理：CSS 中写
.layui-table-page { border-top: none !important; }（!important是必须的，Layui 内联样式会覆盖普通声明） - 别用
display: none或visibility: hidden隐藏整个分页栏——这会连带干掉你可能还想留着的「共 N 条」文字或跳转按钮
为什么改了 .layui-table 的 border-bottom 没反应
因为分页栏是独立于表格 DOM 的兄弟节点，结构类似：
<div class="layui-table-box"> <div class="layui-table-body">...</div> <div class="layui-table-page">...</div> <!-- 这里才是边框线所在 --> </div>
所以任何针对 .layui-table、table、tbody 的 border 修改，对 .layui-table-page 都无效。
- 查 DOM 时重点盯
.layui-table-page元素，右键检查它的 computed styles，确认border-top值 - 如果用了自定义 skin（比如
skin: 'line'），它可能额外加了边框，此时要叠加覆盖：.layui-table-page { border-top: none !important; } - reload 表格后边框线重现？说明你只在初始化时写了 CSS，没在
done里补 —— 每次渲染完都得重置一次
和分页栏其他样式一起清理更省事
实际项目中，往往不只要去底部边框，还要顺手清掉默认的上下 padding、背景色、阴影等，让分页栏“隐形但可用”：
.layui-table-page { border-top: none !important; padding: 8px 0 !important; background: transparent !important; box-shadow: none !important; }- 如果还嫌页码按钮太显眼，可单独压低它们的 border：
.layui-laypage a, .layui-laypage span { border-color: transparent !important; } - 注意：不要碰
.layui-laypage-curr的背景色，否则当前页高亮失效
真正容易被忽略的是 reload 场景——table.reload() 会重建整个 .layui-table-page，所有内联样式和动态添加的 class 都会丢失。要么每次 done 里重设，要么 CSS 全局加 !important 一劳永逸。
