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