识别真空白行需遍历每行单元格，用textContent.replace(/\s/g, '')清空所有空白字符后判断是否为空字符串，并从底向上删除tbody中满足条件的行。
直接删 <tr> 不行，空行往往藏在 <code><tbody> 里，且可能含空白字符、换行符或隐藏的 <code> —— 浏览器认为它“不空”，但人眼看不见。必须用 JavaScript 精确判断内容是否真正为空。
怎么识别 HTML 表格里的“真空白行”
浏览器把 <tr><td> </td></tr> 或 <tr><td><br></td></tr> 当作非空行，innerText 可能返回空字符串，但 textContent 会包含换行和空格。所以不能只靠 row.cells.length === 0 或 row.innerText.trim() === ''。
- 正确做法是遍历每行的每个
<td> 和 <code><th>，对每个单元格调用 <code>textContent.replace(/\s/g, '')清掉所有空白字符后判断是否为'' - 跳过表头行（
<thead><tr>...</tr></thead>），除非你明确要删表头 - 如果某行有
colspan或rowspan，仍按单元格数量判断，不要误判为“少列=空”
用原生 JS 批量删除 tbody 中的空行
不依赖 jQuery，兼容 IE11+，关键点是「从底向上删」：否则删掉第 2 行后，原第 3 行变成新第 2 行，会被跳过。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
const table = document.querySelector('table');
const tbody = table.querySelector('tbody');
if (tbody) {
const rows = Array.from(tbody.querySelectorAll('tr'));
for (let i = rows.length - 1; i >= 0; i--) {
const row = rows[i];
const isEmpty = Array.from(row.cells).every(cell =>
cell.textContent.replace(/\s/g, '').length === 0
);
if (isEmpty) {
row.remove();
}
}
}- 用
Array.from()把 NodeList 转成数组，避免动态集合变化导致漏删 - 不用
innerHTML = ''或replaceChild，会丢失事件监听器 - 删完后如果表格用了 CSS Grid/Flex 布局做响应式，需手动触发
window.dispatchEvent(new Event('resize'))防止样式错位（极少数情况）
Power Query 或 Excel 导出后残留空行怎么办
很多人导出 HTML 表格时用 Excel → “另存为网页”，结果生成一堆带 class="xl65" 的空 <tr>。这类空行通常在 <code><tbody> 外、<code><table> 内部，甚至混在 <code><colgroup></colgroup> 后面。
立即学习“前端免费学习笔记（深入）”；
- 先用浏览器开发者工具（F12）搜索
<tr><td></td></tr>或<tr></tr>定位位置 - 若空行不在
<tbody> 里，要用 <code>table.querySelectorAll('tr')全局查，再用row.parentElement判断归属节点 - 别用正则直接替换
<tr>.*?</tr>—— 会误删含<script></script>或注释的合法行
最易被忽略的是：某些 CMS 或编辑器会在空单元格里塞 <span style="mso-spacerun:yes"> </span>，这种不算纯空格，replace(/\s/g, '') 也清不掉，得加 .replace(/ |]*>/g, '') 预处理。
