根本原因是layui-table-box的overflow-y:scroll被强制设定且内容未撑满容器，导致浏览器误判需垂直滚动；这是为固定表头同步滚动的保守设计，非bug。
为什么 Layui 表格右侧总多出一个空滚动条
根本原因是 layui-table-box 容器的 overflow-y: scroll 被强制设死，且表格内容高度未真实撑开容器，导致浏览器误判需要垂直滚动——哪怕你数据只有 3 行，它也照常显示空滚动条。
这不是 bug，是 Layui 为保持固定表头（fixed: true）时滚动同步做的保守设计，但多数普通表格根本不需要这个逻辑。
- 常见错误现象：
table.render()后右侧出现“不可拖动、无内容、纯占位”的灰色滚动条 - 触发场景：未启用固定列/固定表头，但用了
height参数（哪怕只是height: 'auto'），或父容器有overflow: hidden干扰 - 关键点：Layui 的
height参数会强制开启容器滚动逻辑，哪怕值是'auto'或undefined，只要传了就会激活
去掉滚动条最稳的两种做法
别碰 CSS 强行隐藏 overflow-y，那会导致固定表头错位、列宽计算异常。真正解法只有两个，选其一即可：
- 如果你不需要限制表格高度：彻底删掉
height配置项，让表格自然流式布局。这是默认行为，也是最安全的选择 - 如果你必须限制高度（比如页面区域固定）：把
height改成具体数值（如height: 400），并确保该值 ≥ 表格内容实际所需高度（含表头、分页栏等）。Layui 只有在内容超限时才显示有效滚动条 - 注意：
height: 'full-100'这类响应式写法仍会触发滚动容器逻辑，慎用；若需自适应，请用 JS 动态算高后赋值数字
检查是否被父级容器干扰
即使表格配置干净，外层 DOM 也可能悄悄加害：
- 父元素设置了
overflow: hidden或overflow: auto，会截断 Layui 内部滚动容器的渲染判断 - 表格容器（即
table标签的直接父级）上写了style="height: 300px;"之类内联样式，会与 Layui 的height配置冲突 - 使用了
layui-card或layui-tab-item等组件包裹表格，它们自带overflow: hidden，需手动覆盖：给卡片 body 加style="overflow: visible !important;"
用 CSS 强制隐藏的临时方案（仅限调试）
真要快速验证是不是滚动条本身的问题，可以临时加一行 CSS，但上线前必须换回上面的配置解法：
.layui-table-box {
overflow-y: hidden !important;
}
⚠️ 这个写法会让固定表头失效、鼠标滚轮无法滚动表格、移动端滑动卡顿——它只是“看起来没了”，不是真解决。只适合排查阶段用。
复杂点在于：Layui 表格的滚动行为是配置、容器、CSS、JS 渲染四者耦合的结果，改其中一处可能引发另一处异常。最容易被忽略的是——你以为没设 height，但某个封装函数或模板里悄悄传了 height: undefined，而 Layui 会把它当 0 处理，照样开滚动容器。
