JSON到Angular中的可编辑表

Can anyone tell me how to create an editable table based on the below-mentioned JSON in Angular? JSON has the list of table objects and each table may have a different structure.

谁能告诉我如何根据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"],
      ]
    }
  ]
}

1 个解决方案

#1

You may try PrimeNG Table component. It has the flexibility to perform inline editing.

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