本文介绍如何在 PHP 中动态渲染 HTML 表格时，智能跳过数据库中值为空的记录（如空联赛名或空赛程），确保表格结构清晰、无冗余空行，提升可读性与用户体验。
本文介绍如何在 php 动态渲染 html 表格时，智能跳过数据库中值为空的记录（如空联赛名或空赛程），确保表格结构清晰、无冗余空行，提升可读性与用户体验。
在实际开发中，常需将数据库中的赛事数据按联赛分组展示（如英超、西甲、瑞典超），但若原始数据存在空字段（例如 COL 1 为联赛名、COL 2 为比赛对阵），直接遍历输出会导致表格中出现无意义的空行或错位标题——正如问题中所示：HTML 表格在每个 <tr> 后意外插入空白行，破坏层级逻辑。
核心解决思路是：在 PHP 数据遍历阶段主动过滤，而非依赖 CSS 隐藏。continue 语句配合空值判断，可高效跳过无效记录：
<?php
// 假设已建立数据库连接并执行查询
$sql = "SELECT `COL 1`, `COL 2` FROM fixtures ORDER BY `COL 1`, `COL 2`";
$result = $conn->query($sql);
$currentLeague = '';
echo '<table class="Fixtures" border="1">';
echo '<thead><tr><th>League / Match</th></tr></thead>';
echo '<tbody>';
while ($row = $result->fetch_assoc()) {
$league = trim($row['COL 1']);
$match = trim($row['COL 2']);
// 跳过整行为空的记录（联赛名和比赛均为空）
if (empty($league) && empty($match)) {
continue;
}
// 若联赛名不为空，且与上一行不同，则输出新联赛标题行
if (!empty($league) && $league !== $currentLeague) {
echo "<tr><th class=\"League\">{$league}</th></tr>";
$currentLeague = $league;
}
// 若比赛字段非空，则输出赛程行
if (!empty($match)) {
echo "<tr><td>{$match}</td></tr>";
}
}
echo '</tbody></table>';
?>✅ 关键要点说明：
- 使用 empty() 替代 !$row["COL 1"] 更健壮，可同时处理 null、空字符串、0 等假值；
- 引入 $currentLeague 变量追踪当前联赛，避免重复输出相同联赛标题；
- 将 <thead> 和 <tbody> 显式包裹，增强语义化与样式可控性；
- 所有输出前用 trim() 清除首尾空格，防止“看似为空实则含空格”的误判；
- 切勿依赖 CSS 的 display: none 隐藏空行——这仅掩盖问题，仍会生成无效 DOM，影响可访问性与 SEO。
最终效果即如目标图所示：每个联赛标题独立成行，其下紧随对应赛程，无孤立空 <tr>，结构紧凑、语义明确，便于后续响应式适配与 JavaScript 操作。
立即学习“PHP免费学习笔记（深入）”；
