cellMinWidth和cellMaxWidth仅控制列宽，无法改变Layui固定行高机制；内容换行后td高度变化不会自动传导至tr，需结合templet换行+JS测量offsetHeight+设置tr.minHeight才能实现真自适应。
为什么 cellMinWidth 和 cellMaxWidth 不能解决行高自适应？
很多人一上来就调 cellminwidth 或改 css 的 white-space: normal，结果发现文字换行了，但整行高度没变——因为 layui 表格默认用固定行高（line-height: 40px），且 tr 高度由 td 的 padding + 固定 line-height 共同“撑死”，内容再多也只显示两行，多余部分被 overflow: hidden 截断。
真正要的是：让某列内容自由换行 → 触发该 td 高度变化 → 进而拉高整行 tr → 同时保持表头对齐、不破坏斑马纹和 hover 效果。
用 templet 渲染带 word-break 的单元格 + 手动重置行高
Layui 不提供自动行高计算 API，得靠 CSS + JS 协同。核心思路是：先让单元格能换行，再用 JS 测量真实高度，最后写回 tr 的 height 或 min-height。
-
templet中返回带style="word-break: break-word; white-space: pre-wrap;"的div，确保长文本、空格、URL 都能折行 - 在
done回调里遍历当前页所有tr，对目标列的td调用offsetHeight，取最大值作为该行高度基准 - 直接设置
tr.style.height = 'auto'会破坏 Layui 内部滚动定位逻辑，应改用tr.style.minHeight = maxHeight + 'px' - 必须等表格渲染完成再执行（建议放在
setTimeout(..., 0)或监听layui.table.render的done）
table.render({
elem: '#demo',
url: '/api/list',
cols: [[
{field: 'content', title: '说明', templet: function(d) {
return '<div style="word-break:break-word;white-space:pre-wrap;padding:8px 12px;">' + d.content + '</div>';
}}
]],
done: function(res, curr, count) {
setTimeout(function() {
document.querySelectorAll('#demo .layui-table-body tbody tr').forEach(function(tr) {
const td = tr.querySelector('td:nth-child(2) div'); // 假设是第2列
if (td && td.offsetHeight > 40) {
tr.style.minHeight = (td.offsetHeight + 16) + 'px'; // +16 是上下 padding 总和
}
});
}, 0);
}
});
分页切换或搜索后行高丢失怎么办？
每次重新渲染表格（包括翻页、重载、搜索）都会重建 DOM，之前加的 minHeight 全部清空。不能只在初始化时跑一次高度计算。
- 把高度重置逻辑封装成独立函数，比如
resetRowHeight() - 在
table.on('search(demo)')、table.on('page(demo)')、以及所有手动调用table.reload()的地方，都紧跟一次resetRowHeight() - 注意：Layui 2.8+ 的
reload支持done回调，旧版需用setTimeout延迟执行 - 如果用了服务端分页，
done回调里的res.data是当前页数据，但 DOM 还没更新完，仍要setTimeout(..., 0)
移动端适配和性能要注意什么？
在小屏幕下，字体缩放、系统字号设置可能导致 offsetHeight 计算偏差；大量行数（>200）时遍历 + 测量会卡顿。
- 避免对每行都测所有列，只针对明确需要自适应的列（如
content、remark）做测量 - 用
getBoundingClientRect().height替代offsetHeight更稳定，尤其在 zoom 缩放场景下 - 超过 100 行时，考虑节流：用
requestAnimationFrame分批处理，或只在用户滚动到可视区域后再计算 - 别忘了给
th加同样white-space: normal和padding，否则表头和内容列高度不一致，视觉错位
最麻烦的其实是合并单元格（rowspan / colspan）场景——此时单个 td 高度变化会影响多行布局，Layui 原生不支持动态 rowspan 重排，这种需求基本得自己重写渲染逻辑。
