layui.table列隐藏不能用css媒体查询，因固定列宽结构导致错位和报错；须在render完成后的done回调中用table.hidecol/showcol配合table.resize控制，并通过resizeobserver监听父容器宽度变化触发逻辑。
为什么 layui.table 的列隐藏不能靠 CSS 媒体查询硬切
因为 layui.table 渲染后是固定列宽的 DOM 结构，表格容器缩放时列不会自动重排或隐藏；单纯用 @media 隐藏 .layui-table-cell 会导致表头/表体错位、排序/筛选功能异常，甚至触发 Uncaught TypeError: Cannot read property 'children' of null 这类报错。
真正可行的方式是在 init 或 resize 时主动调用 table.hideCol 和 table.showCol 控制列显隐，并配合 table.resize 强制重绘。
- 必须在
table.render()完成后才可调用table.hideCol，否则返回undefined -
hideCol参数是列的field值（不是标题文字或索引），且只接受字符串或字符串数组 - 隐藏后若未调用
table.resize()，滚动条、列宽计算、固定列位置都会出错
如何监听容器宽度变化并触发列隐藏逻辑
别用 window.onresize —— 它太粗暴，表格容器可能没变而窗口变了，频繁 resize 会卡顿，还容易漏掉 sidebar 展开/收起这类局部尺寸变化。
应该监听表格父容器的尺寸变动，用 ResizeObserver（现代浏览器）或降级为定时轮询（IE11）。
- 获取表格容器：通常为
document.querySelector('#your-table-id').parentElement - 在
table.render()的done回调里初始化ResizeObserver - 每次回调中比对当前容器宽度与预设阈值（如
768px、1024px），决定是否隐藏field为'remark'、'operator'等低优先级列 - 注意：
ResizeObserver回调里不能直接操作 DOM 节点（如getElementById），需提前缓存tableIns实例
const tableIns = table.render({
elem: '#demo',
cols: [[
{field: 'id', title: 'ID'},
{field: 'name', title: '姓名'},
{field: 'remark', title: '备注', hide: true}, // 初始隐藏，后续按需 show/hide
{field: 'operator', title: '操作'}
]]
});
// done 回调中启动监听
done: function() {
const container = document.querySelector('#demo').parentElement;
const ro = new ResizeObserver(() => {
const width = container.clientWidth;
if (width
<h3>
<code>table.hideCol</code> 和 <code>table.showCol</code> 的几个关键限制</h3>
<p>这两个 API 表面简单，但实际使用中很容易因理解偏差导致列状态混乱或报错。</p>
-
hideCol不会改变列定义里的hide: true，它只是运行时控制——所以反复 hide/show 不会丢失配置 - 如果某列已在渲染时设了
hide: true，再调用showCol才能显示；反之已设hide: false的列，hideCol才生效 - 传入不存在的
field不报错，但也不起作用；建议先用table.config.cols[0]检查字段是否存在 - 在树形表格（
treeMode: true）下，隐藏列可能导致子行缩进错位，此时应避免隐藏含treeSpid或treeId的列
移动端适配时容易忽略的两个细节
很多方案在 PC 端看着正常，一到手机上就列挤成一团或者空白一片，问题往往不在隐藏逻辑本身。
- 表格容器父级必须有明确宽度（比如
width: 100%），不能依赖display: inline-block或浮动布局，否则ResizeObserver拿不到正确clientWidth - Layui 默认给表格加了
min-width: 100%，这会让小屏下出现横向滚动条却无法滑动——需要额外加 CSS：.layui-table{min-width: auto !important;}
列重要性判断不能只看屏幕宽度，还得结合用户角色。比如管理员始终要看到 'log_time'，而普通用户可以隐藏——这个逻辑得写在 ResizeObserver 回调里，而不是静态配置中。
