如何将关联数据表的垂直字段值在HTML表格中横向展示？

别担心，这个需求绝对能实现——本质上就是把表1里按Category纵向存储的Value值，转成横向的列，再和表2的基础信息拼接在一起。先帮你纠正下原SQL里的小拼写错误：你写的tble1/tble2应该是tbl1/tbl2，关联条件里的tble2._ID应该是tbl2.ID（毕竟表2的ID是主键，表1的ID是对应它的外键）。

通用解决方案（兼容绝大多数数据库） #

如果你的数据库不支持原生PIVOT语法（比如MySQL 8.0之前的版本），可以用CASE WHEN结合聚合函数的方式实现，兼容性拉满：

SELECT
    tbl2.ID,
    tbl2.Area_A,
    tbl2.Area_B,
    tbl2.Area_C,
    -- 为每个Category生成对应的横向列
    MAX(CASE WHEN tbl1.Category = 'A' THEN tbl1.Value END) AS A,
    MAX(CASE WHEN tbl1.Category = 'B' THEN tbl1.Value END) AS B,
    MAX(CASE WHEN tbl1.Category = 'C' THEN tbl1.Value END) AS C,
    -- 这里依次补全D到R的CASE语句
    MAX(CASE WHEN tbl1.Category = 'S' THEN tbl1.Value END) AS S
FROM
    tbl2
INNER JOIN tbl1 ON tbl2.ID = tbl1.ID
GROUP BY
    tbl2.ID, tbl2.Area_A, tbl2.Area_B, tbl2.Area_C;

为什么用MAX()？ #

从你的描述来看，每个ID+Category组合应该只有一条记录，用MAX()（或者MIN()/SUM()都行）的作用是把同一ID下不同Category的Value聚合到同一行，避免出现多条拆分的结果。

简洁方案（支持PIVOT的数据库：SQL Server、Oracle、MySQL 8.0+） #

如果你的数据库支持原生PIVOT语法，可以写出更清爽的代码，以SQL Server为例：

SELECT
    p.ID,
    p.Area_A,
    p.Area_B,
    p.Area_C,
    p.A, p.B, p.C, ..., p.S -- 列出所有Category对应的列
FROM (
    -- 先关联两张表，得到基础数据集
    SELECT
        tbl2.ID,
        tbl2.Area_A,
        tbl2.Area_B,
        tbl2.Area_C,
        tbl1.Category,
        tbl1.Value
    FROM tbl2
    INNER JOIN tbl1 ON tbl2.ID = tbl1.ID
) AS source_data
PIVOT (
    MAX(Value) -- 聚合逻辑和通用方案一致
    FOR Category IN ([A], [B], [C], ..., [S]) -- 指定要转成列的Category值
) AS p;

注意事项 #

• 确保表1中每个ID+Category的组合是唯一的，如果存在重复记录，聚合函数会自动合并值，你可能需要先去重或者根据业务需求调整聚合逻辑。
• 如果Category的取值是动态变化的（比如未来会新增T、U等），静态写死列名的方式就不太灵活，这时候可以用动态SQL自动生成列，但对于固定的A到S场景，静态写法已经足够好用。

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