服务端过滤空行最稳妥，PHP中用trim()和empty()判断关键字段非空再输出<tr>，避免display:none导致的布局错乱、可访问性失效及JS逻辑错误；推荐hidden属性替代，内联脚本可用document.currentScript.closest('tr').hidden=true精准隐藏。
直接在服务端过滤掉空行最干净，客户端用 display:none 动态隐藏容易出布局错乱或可访问性问题。
PHP 循环中判断字段非空再输出 <tr>
这是最稳妥的做法——空行根本不出现在 HTML 中，避免后续所有样式和 JS 的干扰。
- 检查关键字段是否为空，比如
$row["Sub_1"]和$row["Sub_Grades_1"]都不能为空字符串、null或仅空白符 - 用
trim()去除首尾空格后再判断，避免因空格导致误判 - 推荐用
if (!empty(trim($row["Sub_1"])) && !empty(trim($row["Sub_Grades_1"])))而不是简单if ($row["Sub_1"]) - 如果某行多个单元格都可能为空，但只要有一个有效就保留，改用
array_filter(array_map('trim', $row))判断整行是否有实质内容
display:none 用在 <tr> 上的坑
虽然语法上能生效，但实际使用时要注意三类隐性风险：
- 表格结构会被破坏：当某
<tr>设为display:none，其内部<td>的colspan或rowspan可能导致相邻行错位，尤其在复杂表头下 - 辅助技术失效：屏幕阅读器会跳过
display:none元素，若该行含重要语义信息（如状态提示），等于对残障用户“静音” - JS 操作易出错：用
document.querySelectorAll('tr')获取行数时，display:none的行仍被计入，但offsetHeight为 0，逻辑容易混淆
用 hidden 属性替代 display:none
HTML5 原生 hidden 是更语义化、更安全的选择，它和 display:none 渲染效果一致，但有额外保障。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
- 写法简单：
<tr hidden>或 JS 中tr.hidden = true - 自动屏蔽可访问性 API，比手动加
aria-hidden="true"更可靠 - 支持 CSS 选择器
tr[hidden]，方便统一控制样式（比如加淡出过渡） - 注意：IE 不支持，但现代项目基本无需兼容；若必须支持 IE，可用
tr.style.display = 'none'降级，但得同步处理可访问性标记
内联脚本精准隐藏当前行（无 ID/class 场景）
适用于 CMS 输出、第三方模板等无法修改 <tr> 标签本身的情况。
- 在目标
<td>内放一段同步执行的<script>，用document.currentScript.closest('tr').hidden = true - 确保脚本是同步执行（不带
async或defer），否则document.currentScript可能为null - 比遍历索引或靠 class 名查找更可靠，尤其当表格嵌套或动态插入时
- 不要用
style.display = 'none'替代，因为内联样式优先级高，后续 JS 很难覆盖
真正麻烦的不是怎么“藏”，而是藏完之后要不要让别人“找得到”——空行是否承载语义、是否影响数据导出、是否要留痕审计，这些决定了该用 PHP 过滤、hidden 属性，还是压根不该让它出现。
