本文介绍如何将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代码示例：


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

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

if ($result && $result->num_rows > 0) {
    $res = '

'; $res .= ''; $res .= ''; $res .= ''; $res .= ''; $res .= ''; $res .= ''; // 初始化首行 $row = mysqli_fetch_assoc($result); while ($row) { $idKey = $row['ID_KEY']; $res .= ''; // 输出该ID_KEY的第一条VALUE $res .= ''; // 继续读取同ID_KEY的后续行（最多再取2条，确保共3列） $count = 1; // 已输出第1个VALUE while ($count ' . htmlspecialchars($row['VALUE']) . ''; $count++; } // 补齐空单元格（若某ID_KEY不足3个VALUE） while ($count  '; $count++; } $res .= ''; } $res .= '

ID_KEY	VALUE1	VALUE2	VALUE3
' . htmlspecialchars($idKey) . '	' . htmlspecialchars($row['VALUE']) . '

'; return $res; } else { return '

No data available.

'; }

注意事项与最佳实践

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

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

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！