JSON到Angular中的可编辑表格

Question

谁能告诉我如何基于以下Angular中的JSON创建可编辑表？ JSON具有表对象列表，每个表可能具有不同的结构。

{
  "tables": [{
      "tableName": "tableName1",
      "columnNames": [
        "id",
        "column1"
      ],
      "columnTypes": [
        "Number",
        "String"
      ],
      "rows": [
        ["1", "How"],
        ["2", "Power"],
        ["3", "The"],
      ]
    },
    {
      "tableName": "tableName2",
      "columnNames": [
        "id",
        "column1",
        "column2"
      ],
      "columnTypes": [
        "Number",
        "String",
        "Number"
      ],
      "rows": [
        ["1", "How", "4"],
        ["2", "Power", "4"],
        ["3", "The", "4"],
      ]
    }
  ]
}

Answer 1

您可以尝试使用PrimeNG表格组件。它具有执行内联编辑的灵活性。