小屏幕下表格横向滚动失效的根本原因是父容器 overflow-x: hidden 抑制滚动，且 .layui-table-box 默认设此样式；需显式设置 .layui-table-box .layui-table-body overflow-x: auto !important，并配合 width: 100%、固定列宽、table.resize() 调用及 -webkit-overflow-scrolling: touch 等综合修复。
小屏幕下表格横向滚动条不出现或无法滑动
根本原因是父容器 overflow-x: hidden 抑制了滚动，且 .layui-table-box 默认就设了这个样式。移动端 safari 和 chrome 都会因此直接“吃掉”横向滚动能力。
必须手动放开最内层滚动容器的限制：
- 给
.layui-table-box .layui-table-body显式加overflow-x: auto !important - 确保其父级（比如你写的
div.table-wrapper）有width: 100%且没设min-width: 0或overflow: hidden - 在移动端 CSS 中补一条：
.layui-table-box { overflow-x: auto !important; }，否则 iOS 下常被忽略
设置了 scrollX: true 却没反应
这不是配置没生效，而是 Layui 的 scrollX 依赖列宽总和 > 容器宽度才触发，而小屏下百分比列宽、minWidth 或未渲染完成都会让它“算不出来”。
实操要点：
- 列定义里全部用像素值
width，例如{field:'name', title:'姓名', width:120}，别混用百分比 - 初始化后立刻调用
table.resize('yourTableId')，不能只靠done回调 - 如果是动态加载数据，等
data渲染完再调resize，加setTimeout(() => table.resize(...), 0)防 DOM 未挂载 - iOS 必须加
-webkit-overflow-scrolling: touch，否则拖不动
横向滚动时表头和内容错位
这是 Layui 表格双容器结构的固有问题：表头 .layui-table-header 和内容 .layui-table-body 是分离滚动的，小屏缩放或快速拖拽后极易不同步。
关键修复动作：
- 给外层容器加
table-layout: fixed，配合所有列显式width，避免浏览器重算列宽 - 监听
.layui-table-body的scroll事件，同步设置.layui-table-fixed的scrollLeft - 不要用
overflow-x: hidden直接掩盖——它会让长文本（如日志、URL）彻底不可见
Tab 切换或折叠侧边栏后滚动条闪烁
小屏设备上 Tab 切换、菜单收起更频繁，而 Layui 在 display: none 容器里计算宽度会返回 0，导致后续显示时列宽崩塌、滚动条闪一下再弹出。
必须三层同步处理：
- Tab 显示回调用
element.on('tabShow(filter)', ...)，里面setTimeout(..., 16)等重排完成再调table.resize() - 初始化时关掉
autoResize: false，别让框架自己瞎猜 - 给表格容器加
min-width: 600px（按实际列数调），防止被压缩到极限
错位和闪烁从来不是单一问题，是宽度计算失败 + 滚动未同步 + 容器无兜底三者叠加的结果。改一个地方，大概率白改。
