图片加载慢引发行高跳变，需设height:auto、white-space:normal、word-break:break-word、规范padding，并在templet中为img添加宽高和loading="lazy"，done回调用setTimeout延迟调用table.resize()。
图片加载慢导致行高塌陷或错位
表格初始化时图片还没加载完，td 高度按文字内容撑开，等图片一进来就突然撑高，固定列和非固定列因渲染时机不同，高度不同步——这是最典型的「行高跳变」现象。不是 css 没生效，而是 dom 高度在变，layui 的固定列容器不会自动重绘对齐。
必须加 height: auto + white-space: normal 的 CSS
仅靠默认样式无法触发自适应，Layui 的 .layui-table-cell 默认是 white-space: nowrap，会把图片当内联元素硬挤，导致换行失效、高度卡死。
需强制覆盖以下几项（放在全局样式或表格容器后）：
-
.layui-table-cell必须设height: auto，不能用min-height或固定值 -
white-space: normal才能让图片换行逻辑参与高度计算 -
word-break: break-word（比break-all更友好，防英文单词断开） -
padding统一设为数值（如6px 10px），避免05px这类非法写法被忽略
templet 中图片要加 loading="lazy" 和占位尺寸
直接写 <img src="%7B%7Bd.avatar%7D%7D"> 会导致每次重绘都丢掉旧 img 元素，触发新请求+无尺寸占位，行高反复坍缩。
正确写法要同时满足三点：
- 用字符串模板而非函数模板，避免每次渲染都新建 DOM 节点
- 显式设置
width和height（哪怕只是24px），让浏览器提前预留空间 - 加上
loading="lazy"，防止非可视区图片抢占资源，拖慢首屏行高稳定
示例：templet: '<img src="%7B%7Bd.avatar%7D%7D" style="max-width:90%" style="max-width:90%" loading="lazy" class="layui-avatar">'
done 回调里手动触发一次 table.resize()
图片加载完成不等于表格重绘完成。Layui 不监听 img.onload，所以即使所有图片都 loaded 了，固定列高度也不会自动同步。
简单可靠的做法是在 done 里加一个微任务延迟执行：
done: function(res, curr, count) { setTimeout(() => { layui.table.resize('yourTableId'); }, 100); }
这个 100ms 不是拍脑袋：太短（如 0）可能 img 还没真正 layout；太长（如 500）用户已看到跳变。实测 80–120ms 覆盖绝大多数图片解码+重排周期。
最容易被忽略的是：如果用了 toolbar 或 totalRow，它们内部也会改写单元格结构，导致刚 resize 好的行高又被打乱——这种场景下，resize() 得放在 renderData 后的下一个 tick，而不是只靠一次 done。
