横向滚动条不出现是因容器 overflow: hidden 且列宽未超限，需三处修改：父容器加 overflow-x: auto 和 width: 100%；至少一列设像素宽度；初始化后调用 table.resize('id')。
横向滚动条不出现，根本不是 layui “不支持”，而是它默认把表格塞进一个 overflow: hidden 的容器里，且列宽没触发“总和超容器”的条件——只要改对三处，90% 的情况当场生效。
给 .layui-table-box 父容器加 overflow-x: auto 和 width: 100%
layui 渲染后会在表格外层套一层 .layui-table-box，它的父级（通常是你的 #demo 或自定义容器）默认没有横向滚动能力。不手动放开，滚动条压根不会生成。
- 检查你调用
table.render()的容器，比如<div id="demo"></div> - 给这个容器加 CSS：
#demo { overflow-x: auto; width: 100%; } - 务必移除该容器上可能存在的
white-space: nowrap或display: inline-block——它们会锁死宽度计算 - 如果用了 flex 布局，确认父级没设
flex-shrink: 0，否则容器拒绝撑开
scrollX: true 不生效？检查列宽是否全用百分比
scrollX: true 只在“列宽总和 > 容器宽度”时才激活滚动条。而百分比列宽（width: '30%'）在初始化时无法参与绝对宽度比对，导致条件永远不成立。
- 必须至少有一列设为像素值：
{ field: 'name', width: 120 } - 避免所有列都用
minWidth或width: 'auto'，它们不参与 scrollX 触发判断 - 如果列很多，建议显式设
width总和略大于常见屏幕宽度（如 1200px），确保触底即滚 - 初始化后立即调用
table.resize('yourTableId')，强制重算尺寸（注意：不是tableIns.resize()，后者无效）
iOS Safari 拖不动、卡顿或表头错位
这是双滚动容器（.layui-table-header 和 .layui-table-body）不同步导致的，尤其在缩放、全屏或快速拖拽后更明显。
- 给
.layui-table-box加-webkit-overflow-scrolling: touch，iOS 滚动顺滑度直线上升 - 禁用固定列（
fixed: 'left'）混用——官网案例明确警告：只在首尾列用，中间列全 fixed 会直接废掉横向滚动 - F11 全屏后失效？别信
table.resize()，它不重算尺寸。改用table.reload()并传入当前容器宽高：table.reload('test', { width: $('#demo').width() }) - 空数据时表头无滚动条？在
done回调里手动加：that.layHeader.css('overflow-x', 'auto')
真正容易被忽略的是：scrollX 的触发完全依赖初始化那一刻的宽度快照，后续容器 resize、内容动态插入、甚至 DOM 顺序微调，都会让它失效——所以别指望一次配置管到底，关键节点（全屏、弹窗、tab 切换）必须主动 reload 或 resize。另外，!important 在移动端 CSS 里不是万能解药，过度使用反而干扰 layui 内部样式优先级。
