应通过CSS强制设置line-height和padding：.my-table .layui-table th{line-height:36px!important;padding-top:8px!important;padding-bottom:8px!important;}，避免直接设height或JS动态改style。
layui table 表头高度被压缩时怎么强制设最小值
layui 的 table.render() 默认会根据内容自动计算表头高度，但当列名短、字体小或用了缩略样式时，thead 可能被压到 20px 甚至更低，导致文字贴边、图标错位。这不是 bug，是 layui 内部用 line-height + padding 动态撑高的结果，没法靠单纯改 css 类直接生效。
- 别去动
.layui-table th的height—— layui 会覆盖，且可能破坏内部对齐逻辑 - 真正起效的是控制
line-height和上下padding，两者加起来必须 ≥ 你想要的最小高度（比如 36px） - 必须加
!important，因为 layui 内联样式优先级高 - 影响范围仅限当前表格，加个容器 class 更稳妥，避免全局污染
用 CSS 覆盖 layui-table th 的正确写法
直接在页面底部或自定义 CSS 文件里写：
.my-table .layui-table th {
line-height: 36px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
注意：line-height 是核心，它决定文字垂直居中基准线；padding 是辅助，补足视觉留白。36px 是常见最小值（适配多数图标+文字），若用了大号图标或加了 font-size: 14px，建议调到 40px。
- 不要只设
height，否则文字会溢出或截断 - 如果用了
toolbar或defaultToolbar，表头右侧操作列可能被挤窄，此时需同步微调.layui-table-tool .layui-table-tool-self的padding - 移动端下该规则依然生效，但若开启
skin: 'row'，要额外检查.layui-table[lay-skin=row] th
通过 cols 配置项间接控制表头高度
某些场景下，你希望某列表头更高一点（比如带换行说明），这时可利用 layui 对 title 字段的渲染逻辑：只要 title 值含 <br> 或设置了 minWidth，就会触发内部重绘，顺便拉高整行表头。
- 给任意一列加
title: '用户<br>信息'
，能强制表头至少两行高（约 48px） - 更可控的做法是加
minWidth: 120，配合较小的width，让列内容“撑开”表头空间 - 慎用：此法副作用明显——可能引发列宽错乱、横向滚动条意外出现，仅适合单列特殊处理
为什么用 JS 动态改 style 不推荐
有人试过在 done 回调里用 document.querySelector('.layui-table th').style.lineHeight = '36px'，结果不稳定。原因很实在：
- layui 在重绘、排序、搜索时会反复重建
thead，手动加的 style 会被清掉 - 异步加载数据时，
done触发时机早于最终 DOM 渲染完成，容易漏改 - 多个表格共存时，
querySelector容易选错目标，不如纯 CSS 精准作用于 class
真要动态控制（比如按屏幕宽度切换高度），也该用 classList.toggle 切换预设 class，而不是硬塞 style。
