固定列与内容区行高不一致是因为Layui将固定列（.layui-table-fixed-l/r）与主表体（.layui-table-main）分离渲染，主表行高由内容撑开，而固定列默认按初始高度渲染且不自动同步；需在table.render的done回调中手动逐行同步高度，并在窗口resize时再次执行同步逻辑。
为什么固定列和内容区行高会不一致
Layui 的 fixed 列是通过绝对定位 + 独立 DOM 结构（.layui-table-fixed-l / .layui-table-fixed-r）实现的，它和主表体（.layui-table-main）完全分离。渲染时，主表体行高由内容撑开（换行、字体、padding 差异都会影响），而固定列的 tr 默认按初始 CSS 高度或浏览器默认行高渲染，不会自动跟随主表体变化。
常见错误现象包括：
- 固定列文字单行显示，主表体某列内容换两行，导致该行整体变高，固定列“卡”在原高度
- 表头有复杂 HTML 或 tooltip，但固定列表头未同步重绘
- 窗口 resize 后，主表体重新计算了行高，固定列没响应
done 回调里手动同步每行高度（最稳方案）
必须在 table.render 的 done 函数中执行，且需确保 DOM 已真实渲染完成（不能用 setTimeout 模拟，要依赖 done 自带时机）：
done: function(res, curr, count) {
// 同步主表体每一行高度到左右固定列
$('.layui-table-main tr').each(function(index, mainTr) {
const mainHeight = $(mainTr).height();
// 左固定列
const leftTr = $('.layui-table-fixed-l .layui-table-body tbody tr').eq(index);
if (leftTr.length) leftTr.height(mainHeight);
// 右固定列（如有）
const rightTr = $('.layui-table-fixed-r .layui-table-body tbody tr').eq(index);
if (rightTr.length) rightTr.height(mainHeight);
});
}
注意点：
- 不要用
$('.layui-table-fixed .layui-table-body tr')通配，它会同时命中左右固定列，造成重复赋值或错位 -
index必须严格对齐，不能跳过空行或分页器插入的 DOM 节点 - 如果表格启用了
skin: 'row'，记得同步.layui-table-hover等 hover 状态下的高度逻辑（通常不用额外处理，因 height 是内联样式）
窗口缩放时如何保持同步table.resize() 本身不触发 done，也不会重算固定列高度。必须显式监听 resize 并复用同步逻辑：
$(window).on('resize', function() {
// 延迟一小会儿，等 Layui 内部完成尺寸重排
setTimeout(function() {
$('.layui-table-main tr').each(function(index, mainTr) {
const h = $(mainTr).height();
$('.layui-table-fixed-l .layui-table-body tbody tr').eq(index).height(h);
$('.layui-table-fixed-r .layui-table-body tbody tr').eq(index).height(h);
});
}, 10);
});
性能提示：
- 避免高频触发（如用
throttle包裹），但 Layui 自身 resize 频率不高，直接用setTimeout足够 - 不要在
resize中反复调用table.resize()，它内部已做防抖，再套一层反而增加开销
CSS 辅助：避免高度被意外压缩
单纯 JS 同步还不够，如果主表体行高本身就不稳定，同步只是“复制错误”。需先约束基础渲染：
.layui-table-cell {
height: auto !important;
white-space: normal !important;
word-break: break-word !important;
padding: 8px 12px !important;
}
.layui-table-main td,
.layui-table-fixed-l td,
.layui-table-fixed-r td {
vertical-align: middle !important;
}
关键限制：
- 禁用任何对
.layui-table-box或其父级设置display: flex或display: grid（2026年4月起 Layui 官方明确禁用） - 表头
th不要设height行内样式，否则会干扰 JS 获取真实高度；统一用line-height控制视觉高度 - 如果用了
templet渲染单元格，确保模板返回的 HTML 不含margin或浮动元素，否则$(tr).height()会不准
固定列高度问题本质不是“bug”，而是 Layui 分离 DOM 结构带来的必然副作用。你得主动接管高度同步，而不是期待框架自动对齐——这点在多语言、富文本、动态列宽场景下尤其容易被忽略。
