layui.table 渲染后 tbody 多出空行是因 data 长度小于 limit 时的默认补行行为；禁用方式包括启用本地分页或在 done 回调中精准移除无数据的 tr 元素。

layui.table 渲染后 tbody 多出空行的成因

这不是 bug，是 layui 默认行为：当 data 数组长度小于 limit（每页条数）时，table 会自动补全空 行，让表格视觉上“撑满”一页。这个逻辑藏在内部渲染流程里，不依赖 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框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

• 需同步清理两个位置：.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 异常。真正要做的不是“修复”，而是明确告诉它：不需要补。