layui table单元格最小高度不能直接设置，因td的min-height对table-cell无效且tr被layui设为固定height；应通过rowHeight配置、CSS覆盖tr高度或调整padding/line-height实现。

layui table 单元格最小高度怎么设

不能直接设单元格最小高度，layui.table 渲染后所有 <td> 默认继承行高，真正起作用的是 css 的 <code>line-height 和 padding，以及表格容器的 min-height 行为并不生效。

为什么设置 min-height 在 <td> 上无效 <p>因为 layui 的表格默认用 <code>display: table-cell，而 min-height 对 table-cell 元素在多数浏览器中不触发重排（尤其 Chrome/Firefox），实际表现是“被忽略”。更关键的是，layui 会自动给 <tr> 加 <code>height: 42px 这类固定值，覆盖了你对单元格的设定。

• 查 DOM 可见 <tr> 上有内联 <code>style="height: 42px;"，这是 layui 初始化时写的
• 哪怕你用 !important 强制 <td> 的 <code>min-height，也压不过 <tr> 的固定 <code>height
• 表格行高由 tr 主导，td 只能靠 padding + line-height 撑开视觉高度

真正有效的三种改法（按推荐顺序）

别碰 min-height，从源头控制行高：

• 初始化时用 cellMinWidth 配合 rowHeight（layui 2.8+ 支持）：

  table.render({<br>  elem: '#demo',<br>  rowHeight: 50, // 直接指定每行高度，单位 px<br>  cellMinWidth: 80<br>});

• 降级兼容写法：用 CSS 覆盖 tr 的固定高度：

  .layui-table tbody tr {<br>  height: auto !important;<br>}<br>.layui-table td {<br>  padding: 12px 15px;<br>  line-height: 1.5;<br>}

• 如果内容含换行或富文本，加 white-space: normal 防止文字溢出压扁单元格：

  .layui-table td {<br>  white-space: normal;<br>}

容易踩的坑：自定义模板列和高度冲突

用 templet 返回字符串时，如果里面带 <div style="height: 30px"> 这类内联高度，会和外层 <code>tr 高度打架，导致行错位或滚动条异常。

• 模板里避免写固定 height，改用 min-height + padding
• 若需垂直居中，用 display: flex; align-items: center，别依赖 line-height
• 开启 height: 'full-xx' 自适应模式时，rowHeight 会被忽略，此时只能靠 CSS 控制
表格高度逻辑藏在 tr 和渲染时机里，不是单元格自己说了算。改之前先 inspect 看看当前 tr 是不是被 layui 写死了高度。