本文介绍如何将sql查询中按id_key分组的多行value数据，动态拼接为每组一行、含value1/value2/value3列的html表格，无需修改数据库结构，仅通过php逻辑实现行列转换。

本文介绍如何将sql查询中按id_key分组的多行value数据，动态拼接为每组一行、含value1/value2/value3列的html表格，无需修改数据库结构，仅通过php逻辑实现行列转换。

在实际Web开发中，常遇到「一对多」关系的数据需以横向表格形式展示（如一个ID_KEY对应多个VALUE），但原始SQL结果是纵向扁平结构。此时不建议强行修改数据库范式，而应通过服务端逻辑完成“行转列”（pivot）操作。

核心思路是：按ID_KEY分组遍历，对每个ID_KEY连续读取其所有VALUE值，并逐列填入同一行的中。关键在于控制循环节奏——外层按新ID_KEY启动新行，内层在同一ID_KEY下持续追加VALUE单元格。

以下是可直接使用的PHP实现代码：

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

if ($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>";
        $res .= "<td><strong>{$idKey}</strong></td>"; // ID_KEY列加粗突出
        $res .= "<td>{$row['VALUE']}</td>"; // 第一个VALUE → VALUE1

        // 连续读取同ID_KEY的后续VALUE（最多再取2个，确保共3列）
        $colCount = 1; // 已写入VALUE1，还需VALUE2、VALUE3
        while ($colCount < 3 && ($row = mysqli_fetch_assoc($result)) && $row['ID_KEY'] == $idKey) {
            $res .= "<td>{$row['VALUE']}</td>";
            $colCount++;
        }

        // 若某ID_KEY不足3个VALUE，补空单元格保持列对齐
        while ($colCount < 3) {
            $res .= "<td> </td>";
            $colCount++;
        }
        $res .= "</tr>";
    }
    $res .= "</tbody></table>";

    return $res;
} else {
    return "<p>无数据可显示。</p>";
}

✅ 注意事项与最佳实践：

Wechat HTML Publisher

直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

下载

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

• SQL排序至关重要：务必确保原始查询按 ORDER BY ID_KEY, ID（或能保证同ID_KEY的VALUE顺序稳定），否则分组逻辑会错乱；
• 健壮性增强：示例中增加了缺失VALUE的空单元格填充（ ），避免表格列数不一致导致渲染异常；
• 可扩展提示：若VALUE数量不固定（如有的ID_KEY有5个值），建议改用二维数组先聚合数据（$data[$idKey][] = $value），再遍历生成表格，更清晰可控；
• 安全提醒：生产环境务必对 $row['VALUE'] 做HTML实体转义（如 htmlspecialchars($row['VALUE'])），防止XSS攻击。

该方案完全规避了数据库重构成本，在保持原有表结构的前提下，以轻量级PHP逻辑高效实现动态表格布局，适用于报表导出、后台管理列表等典型场景。