layui table 单元格高度不随内容换行，需关闭 linestyle: false 并在 done 回调中同步设置三套 dom 的 tr 高度，配合 minheight 保障自适应。
layui table 单元格高度不随内容换行？先关掉 linestyle
layui 2.8 默认开启 linestyle: 'height: 40px'（或类似固定值），这会强制所有 <td> 高度锁定，哪怕内容两行也压成一行显示。自动撑高必须显式关闭它——不是调 css，而是删配置项或设为 <code>false。
常见错误是只加 .layui-table-cell { height: auto; line-height: 24px; }，但没动 lineStyle，CSS 被内联样式覆盖，白改。
-
lineStyle: false是最干净的写法，彻底移除 layui 注入的行高控制 - 若留着
lineStyle，哪怕写成'height: auto'，2.8 内部仍可能 fallback 到默认像素值 - 关闭后，
.layui-table-cell的height才真正由内容和你写的 CSS 决定
done 回调里动态设行高，为什么不能只靠 CSS？
CSS 只能控制单个单元格，但 layui 表格有三套 DOM 结构：.layui-table-main（主体）、.layui-table-fixed-l（左固定列）、.layui-table-fixed-r（右固定列）。它们的 <tr> 高度必须同步，否则出现错位、遮挡或滚动异常。<p>单纯用 <code>.layui-table-cell { height: auto } 只影响单元格内部，不会拉高整行 <tr>；而 <code><tr> 高度决定滚动区域基准线，必须 JS 主动设置。<ul>
<li>在 <code>done 回调中，用 $('div[lay-table-id="xxx"] .layui-table-main .layui-table tr').eq(i) 逐行设 height
.layui-table-fixed-l .layui-table-body .layui-table tr 和 .layui-table-fixed-r 对应路径layui-table-header tr，否则表头和内容行高不一致，视觉割裂内容换行后行高怎么算才准？别硬写固定值
直接设 height: 60px 看似简单，但字段字数、中英文混排、字体大小变化时，实际需要的高度波动很大。2.8 没有内置自适应算法，得自己估算。
关键不是“多高”，而是“比默认高多少”：先取默认单行高度（比如 40px），再根据字段字符数、列宽、字体大小反推行数。
- 用
Math.ceil((text.length * 12 + 20) / (colWidth - 30))粗略估行数（12px 字宽，30px 左右 padding） - 每行按 24–28px 计算，总高 = 行数 × 行高 + 上下 padding（通常 +12px）
- 字段为空或纯空格时，要 fallback 到最小高度（如 40px），避免塌陷
- 别在循环里反复查 DOM 宽度，提前缓存
colWidth或用$(this.elem).closest('.layui-table-view')获取容器
height: 'full-100' 或数字高度下，自动撑高会失效
一旦设置了 height 参数（无论 400 还是 'full-100'），layui 就会把表格容器变成固定高度滚动区，<tr> 高度再大也只在可视区内渲染，超出部分被截断——此时“撑开”只是视觉假象，实际内容不可见。<p>真要内容驱动高度，就得放弃 <code>height，改用 minHeight（2.8 支持）或靠父容器 flex 布局兜底。
-
minHeight: 300→ 至少 300px，内容多就自动增高，不留白也不截断 - 若必须固定高度（如弹窗内），那就别强求“自动撑开”，改用
text-overflow: ellipsis+ tooltip 提示全文 - 在 iframe 或 layer 弹窗里，
minHeight可能不生效，得监听resize后手动重设容器min-heightCSS
表格行高问题最难缠的从来不是怎么设高，而是三套 DOM 同步、窗口 resize 后状态丢失、以及 fixed 列与 main 列的渲染时机差几毫秒——这些没法靠一行 CSS 解决。
