如何创建表格并从任何单元格中的数据填充答案

【问题标题】：How to create table and populate from data in any cell如何创建表格并从任何单元格中的数据填充
【发布时间】：2019-12-09 00:28:07
【问题描述】：

我有一个问题，如何在 html 中创建一个表格，如图所示：image

表格以 JSON 格式填充数据。

ws 的回应是：

{
    "ErrorCode": 0,
    "ErrorMessage": "ok",
    "Data": [
        {
            "id": 8,
            "pump": 1,
            "nozzle": 0,
            "totalVolume": 46285.22
        },
        {
            "id": 8,
            "pump": 1,
            "nozzle": 1,
            "totalVolume": 8317.66
        },
        {
             "id": 8,
             "pump": 1,
            "nozzle": 2,
            "totalVolume": 10541.3
        },
        {
            "id": 8,
            "pump": 1,
            "nozzle": 3,
            "totalVolume": 3010.69
        },
        {
            "id": 8,
            "pump": 2,
            "nozzle": 0,
            "totalVolume": 21319.66
        },
        {
            "id": 8,
            "pump": 2,
            "nozzle": 1,
            "totalVolume": 7521.39
        },
        {
            "id": 8,
            "pump": 2,
            "nozzle": 2,
            "totalVolume": 8473.6
        },
        {
            "id": 8,
            "pump": 2,
            "nozzle": 3,
            "totalVolume": 1827.56
        }
    ]
}

我需要您的帮助，了解如何创建此表并在任何单元格中填充 totalValue。谢谢！

【问题讨论】：

标签： json angular html-table row multiple-columns

【解决方案1】：

最好的方法是循环 2 次您的列表。您可以在其中显示列的第一个。第二个用于行。

至少您还可以修改 Json 结构，创建一个包含列值的数组和第二个包含行值的数组

【讨论】：