多表Union后在HTML表格中展示的NULL列处理疑问

结论：必须显式输出所有13列对应的单元格，包括NULL值列，不能跳过

原因很直接：

• HTML表格的列是严格按行内单元格顺序对应表头的。如果跳过某个NULL列的<td>标签，后续单元格会往前偏移，直接导致列对应关系混乱，表格布局彻底错位。比如Patients表补了10个NULL列后，查询结果每行有13个字段，要是只输出原3列的内容，这一行就只有3个单元格，剩下10个位置缺失，浏览器即使自动补空白，也会破坏表头和内容行的对应逻辑。
• 从数据库查询结果来看，Union操作后返回的每一行都包含13个字段（不管值是不是NULL）。在PHP里处理时，必须为每个字段生成对应的<td>——NULL值可以输出空的<td></td>，或者换成“无数据”这类占位符，但单元格本身不能省。

举个实用的代码示例：

// 假设$stmt是执行Union查询后的PDO语句，或者mysqli结果集
while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
    echo '<tr>';
    // 遍历所有13个字段，包括NULL值的列
    foreach ($row as $colValue) {
        // 处理NULL，转成空字符串避免输出"NULL"文本
        $showValue = $colValue ?? '';
        // 转义HTML特殊字符防止XSS
        echo '<td>' . htmlspecialchars($showValue) . '</td>';
    }
    echo '</tr>';
}

要是图省事跳过NULL列的输出，比如只循环Patients表原有的3个字段，生成的行单元格数量和表头的13列不匹配，不仅表格样式乱，数据对应关系也会完全错误，后续来自Patient_Records、Patient_App的行也会跟着错位。

内容的提问来源于stack exchange，提问作者Amity