不能只靠 text: {none: '暂无数据'} 隐藏表头，因它仅修改文字内容，不移除 .layui-table-thead；必须在 done 回调中判断 count === 0 后，精准定位并设置 height: 0 + padding: 0 + border: none 才能真正隐藏且避免布局错乱。
为什么不能只靠 text: {none: '暂无数据'} 实现隐藏
很多人看到 text 配置项就以为能控制空状态下的 dom 结构，其实它只改文字内容，不碰表头、不删 .layui-table-thead，也不影响表格整体渲染逻辑。即使设置了 text: {none: '...'}，表头依然存在，.layui-table-thead 仍会正常渲染并占位——这会导致“有表头、没数据”时视觉割裂，首行数据还可能被表头样式穿透干扰。
真正生效的判断点在 done 回调里的 count === 0
必须在 done 回调中检查数据总数：count === 0 才是“真无数据”的可靠信号。此时再操作 DOM 隐藏表头，才能确保行为与业务状态严格同步。
- 用
$(this.elem).next().find('.layui-table-thead')定位当前表格的表头容器（注意：不是th，而是 layui 渲染出的兄弟节点） - 设
height: 0+padding: 0+border: none，比display: none更稳，避免 tbody 错位 - 顺手清理首行
td的border-top，否则顶部会残留一像素线 - 如果用了
skin: 'line'，补一句.layui-table tbody tr:first-child td { border-bottom: none; } - 如果用了
skin: 'row'，补一句.layui-table tbody tr:first-child { background-color: transparent !important; }
动态加载或 reload 后表头又冒出来？得在每次 done 里重执行
表格通过 table.reload() 或异步接口刷新后，CSS 样式可能已加载，但 DOM 是新生成的，旧样式规则不会自动复用。所以不能只写一次全局 CSS，必须在每个 done 回调里重复执行隐藏逻辑。
- 别写
$('th').hide()—— 容易误伤其他表格，且在某些 skin 下失效 - 必须用
$(this.elem).next().find('.layui-table-thead')精准定位当前实例 - 推荐封装成函数复用：
function hideTheadIfEmpty(res, tableIns) { if (res.count === 0) { $(tableIns.elem).next().find('.layui-table-thead').css({height: 0, padding: 0, border: 'none'}); ... } }
最隐蔽的坑：表头“看不见” ≠ “不存在”
用 visibility: hidden 或单纯 display: none on th，常导致 tbody 整体上移、列宽错乱，尤其在 IE 或低版本 Chrome 下。真正要的是“视觉消失且不占空间”，而 layui 的 .layui-table-thead 默认是 table-header-group 显示模式，直接 hide 子元素不一定生效。所以必须对容器本身做 height: 0 + display: block 强制脱离表格布局流——这个细节，多数人调试半天才意识到。
