layui.table 渲染后 tbody 多出空行是因 data 长度小于 limit 时的默认补行行为；禁用方式包括启用本地分页或在 done 回调中精准移除无数据的 tr 元素。
layui.table 渲染后 tbody 多出空行的成因
这不是 bug，是 layui 默认行为：当 data 数组长度小于 limit（每页条数）时，table 会自动补全空 <tr> 行，让表格视觉上“撑满”一页。这个逻辑藏在内部渲染流程里，不依赖 css，也和分页无关——哪怕你关了分页（page: false），只要设置了 limit，它就生效。
禁用空行填充的两种可靠方式
核心思路是切断 layui 的“自动补行”机制。以下方法经 2.7–2.9 版本实测有效：
- 用
page: { type: 'local' }+ 空data数组：当数据为空且启用本地分页时，layui 不再补空行，只渲染表头和空 tbody； - 在
done回调中手动清空 tbody 内容：适用于所有场景，包括异步加载、动态 reload 后残留空行；
示例（done 方式）：
layui.table.render({
elem: '#demo',
cols: [[{field: 'name', title: '姓名'}]],
data: [],
done: function() {
const $tbody = $(this.elem).next('.layui-table-box').find('.layui-table-body table tbody');
// 只删掉 layui 自动加的空行，保留表头和真实数据行
$tbody.children('tr').not(':has(td[lay-value])').remove();
}
});
reload 后空行复现怎么处理
调用 table.reload() 时如果传了 data: []，但没带 page 配置，layui 会按原始 limit 值再次补空行。关键点在于：reload 必须显式继承或重置分页类型。
- 若原表启用了分页，reload 时加
page: { type: 'local' }或page: false； - 若原表是无分页的本地数据表，reload 时必须同时传
limit: 0（设为 0 可彻底禁用补行逻辑）； - 避免只传
data: []就调 reload——这会让 layui 沿用上次的limit和分页状态，空行照常出现。
固定列（fixed: 'left'）下空行更难清除？
是的。固定列会生成两套 tbody（主表体 + 左侧固定列容器），空行可能出现在任一容器中。此时不能只操作一个 $tbody。
- 需同步清理两个位置：
.layui-table-body table tbody和.layui-table-fixed-l .layui-table-body table tbody； - 注意：不要用
empty()清空整个 tbody，否则会把表头（thead）也干掉——layui 的表头不在 tbody 里； - 推荐用
:not(:has(td[data-field]))这类选择器精准过滤空行，比:last或索引判断更稳定。
空行问题本质是 layui 对“表格完整性”的主观假设，而不是 DOM 异常。真正要做的不是“修复”，而是明确告诉它：不需要补。
