本文介绍如何将sql查询中按id_key分组的纵向结果（如多行同id_key）动态转换为html表格，使每个id_key占据一行，其对应value值横向排列为value1/value2/value3列。

本文介绍如何将sql查询中按id_key分组的纵向结果（如多行同id_key）动态转换为html表格，使每个id_key占据一行，其对应value值横向排列为value1/value2/value3列。

在实际Web开发中，常遇到数据库返回的是“长格式”（long format）数据——即同一逻辑记录被拆分为多行存储（如一个ID_KEY对应多个VALUE），但前端展示需要“宽格式”（wide format）表格：每组ID_KEY仅占一行，其关联的VALUE按顺序横向铺开为独立列（VALUE1、VALUE2、VALUE3等）。本方案无需修改数据库结构，纯通过PHP逻辑实现动态行合并。

核心思路：流式分组 + 逐行构建

关键在于不依赖预定义字段名（如VALUE1/VALUE2），而是利用查询结果已按ID_KEY有序排列的前提，使用“游标式遍历”：

• 每次捕获一个新ID_KEY时开启新行；
• 在同一ID_KEY下持续读取后续行，将VALUE依次追加为单元格；
• 遇到ID_KEY变化或结果集结束时关闭当前行。

以下是完整可运行的PHP代码示例：


Article To Html
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
下载

$result = $con->query($sql);

if ($result && $result->num_rows > 0) {
    $res = '<table border="1" class="data-table">';
    $res .= '<thead><tr>';
        $res .= '<th>ID_KEY</th>';
        $res .= '<th>VALUE1</th>';
        $res .= '<th>VALUE2</th>';
        $res .= '<th>VALUE3</th>';
    $res .= '</tr></thead><tbody>';

    // 初始化首行
    $row = mysqli_fetch_assoc($result);
    while ($row) {
        $idKey = $row['ID_KEY'];
        $res .= '<tr><td>' . htmlspecialchars($idKey) . '</td>';

        // 输出该ID_KEY的第一条VALUE
        $res .= '<td>' . htmlspecialchars($row['VALUE']) . '</td>';

        // 继续读取同ID_KEY的后续行（最多再取2条，确保共3列）
        $count = 1; // 已输出第1个VALUE
        while ($count < 3 && ($row = mysqli_fetch_assoc($result)) && $row['ID_KEY'] == $idKey) {
            $res .= '<td>' . htmlspecialchars($row['VALUE']) . '</td>';
            $count++;
        }

        // 补齐空单元格（若某ID_KEY不足3个VALUE）
        while ($count < 3) {
            $res .= '<td> </td>';
            $count++;
        }
        $res .= '</tr>';
    }

    $res .= '</tbody></table>';
    return $res;
} else {
    return '<p>No data available.</p>';
}

注意事项与最佳实践

• ✅ 必须保证SQL排序：查询语句需显式添加 ORDER BY ID_KEY, ID（或能确保同ID_KEY的VALUE按业务顺序排列），否则分组逻辑将错乱；
• ✅ 安全防护：使用 htmlspecialchars() 转义VALUE内容，防止XSS攻击；
• ⚠️ 健壮性增强：上述代码假设每组ID_KEY恰好有3条记录。若数量不固定，建议改用二维数组暂存分组数据，再渲染（适用于复杂场景）；
• ? 避免N+1查询：切勿在循环内执行额外SQL查询，本方案全程单次查询+内存遍历，性能高效；
• ? 扩展提示：如需支持动态列数（如自动识别最大VALUE数量），可在首次遍历时统计各ID_KEY的VALUE计数，再动态生成表头。

此方法平衡了灵活性与性能，是处理“一对多”关系前端展示的经典轻量级解决方案。

立即学习“前端免费学习笔记（深入）”；