layui table手机端需手动适配：优先用hideCol()动态隐藏非关键列并配合resize防抖监听，大屏恢复时用reload()重载；次选CSS横向滚动方案，需外层容器包裹、设min-width和overflow-x:auto。
layui table 在手机端默认不响应式，必须手动干预
layui 的 table 组件本身没有内置的移动端自适应逻辑，小屏下直接显示完整列会导致横向溢出、文字挤压、操作栏错位甚至页面无法滑动。这不是 bug，而是设计定位：它默认面向中后台桌面场景。你看到表格“挤成一团”或“切掉右边”，不是 css 没生效，是列宽没被重算、列也没被隐藏。
用 table.hideCol() 动态隐藏非关键列最稳妥
这是官方推荐、生产环境验证过最可控的方式。比起纯 CSS 方案，它真正减少 DOM 渲染负担，且能精准控制哪些字段在小屏下保留（比如只留 ID、姓名、操作）。
-
table.hideCol(id, cols)的cols是字段名数组，不是标题名，例如['time', 'email', 'remark'] - 必须配合
window.onresize监听，并加防抖（如 200ms），否则频繁触发重绘卡顿 - 别忘了在大屏恢复时调用
table.reload(id)，而不是showCol—— layui 没有showColAPI，reload 才会重载全部列配置 - 隐藏后剩余列会自动重新分配宽度，但若某列含长文本（如 URL），建议同时设
minWidth: 120防压缩
包裹容器 + overflow-x: auto 是兜底方案，但有硬伤
如果列数少（≤5）、字段简短、用户只需快速扫一眼，用 CSS 横向滚动最快。但它只是“让内容可触达”，不解决可读性问题。
- 必须用外层
<div class="table-wrapper">包裹<table>，直接给table加overflow无效 -
table要设min-width: fit-content（或具体值如min-width: 600px），否则窄屏下会强行压缩列宽，文字换行失效 - 禁用
table-layout: fixed（layui 默认不用，但自定义样式里容易误加），否则min-width和文本换行都会被忽略 - iOS Safari 滚动卡顿？补上
-webkit-overflow-scrolling: touch
别碰 mobile.js 想靠它自动适配 table
mobile.js 是 layui 的移动端工具集，但它不接管 table 渲染逻辑，也不提供任何表格响应式能力。它的 layer-mobile、layim-mobile 等模块和表格无关。试图引入 mobile 模块却没写任何适配代码，只会白忙一场。
真正要动手的地方就两个：视口声明（<meta name="viewport"> 必加）、列控制逻辑（hideCol 或容器滚动）。其他“自动适配”幻想，基本都卡在第一步——没监听窗口变化，或者监听了但没 reload 表格实例。
