根本原因是 fixed 列容器覆盖了横向滚动条交互层；layui 的 .layui-table-fixed-l/r 默认用 absolute+100% height 盖住 .layui-table-main 的滚动区域，导致鼠标无法触发滚动。
为什么 fixed 列会让横向滚动条“点不动”
根本原因不是滚动条没渲染出来，而是它被固定列容器盖住了。layui 渲染 fixed 列时，会生成独立的 .layui-table-fixed-l 和 .layui-table-fixed-r 容器，它们默认用 position: absolute + height: 100% 覆盖整个表格主体区域——连带把 .layui-table-main 里的横向滚动条交互层也挡死了。
别给所有列都加 fixed:left
这是最常见、最容易被忽略的配置错误。一旦你对除首列外的其他列也设了 fixed: 'left'，Layui 会为每列都创建一个固定容器，层层叠叠盖住滚动区域。结果就是：滚动条可见，但鼠标 hover 或拖拽完全无响应。
正确做法是：
- 只对真正需要固定在最左/最右的 1–2 列设置
fixed: 'left'或fixed: 'right' - 中间所有列保持不设
fixed属性 - 如果必须多列固定，优先考虑合并为一个逻辑组（如“操作列”统一固定），而非逐列加 fixed
强制暴露滚动条交互区域（CSS 方案）
当 fixed 列已存在且无法删减时，靠调整容器高度或层级释放滚动条区域更可靠：
在 CSS 中添加：
.layui-table-fixed-l,
.layui-table-fixed-r {
height: calc(100% - 17px) !important; /* 17px 是横向滚动条默认高度 */
bottom: 0;
}
.layui-table-main {
z-index: 2;
}
注意：calc(100% - 17px) 的关键在于让固定列容器**不再覆盖底部滚动条区域**；z-index: 2 确保 .layui-table-main 的滚动层能接收事件。若页面缩放或自定义滚动条高度不同，需按实际值调整 17px。
滚动同步必须手动绑定（JS 补救）
Layui 默认不联动表头、主内容区和固定列的 scrollLeft，所以即使横向滚动条能拖了，松手后表头和固定列仍可能错位。必须监听并同步：
核心 JS 逻辑（需确保 DOM 已就绪）：
$('.layui-table-main').on('scroll', function() {
const scrollLeft = $(this).scrollLeft();
$('.layui-table-header, .layui-table-fixed-l, .layui-table-fixed-r')
.scrollLeft(scrollLeft);
});
特别注意：
- 不要用
hover包裹scroll监听，否则首次滚动前不会注册事件 - 若表格在
fieldset或overflow: hidden容器内，需先解除父级截断，否则scrollLeft同步无效 - 动态重绘表格（如 resize 或数据刷新）后，需重新绑定该监听
固定列带来的滚动问题从来不是单一 CSS 能彻底解决的。遮挡、错位、不同步三者常共存，必须从配置源头（少用 fixed）、样式控制（留出滚动空间）、JS 补齐（scrollLeft 同步）三层同时入手，缺一不可。
