html - 如何根据动态行列列表创建DataTable？

Question

我想使用 DataTable JQuery 创建网格。在这里，我将有动态列，这意味着我没有预定义的列。通常，当我有预定义的列时，我只是创建表并应用ToDataTable()方法在 DataTable 中进行转换。但在这里我将有动态列。一种方法是遍历列并创建表格单元格。有没有其他简单的方法？

这是示例，

{
  "Rows": [
    {
      "Columns": [
        {
          "DisplayName": "First Name",  
          "Value": "Ema",
        },
        {
          "DisplayName": "Last Name",
          "Value": "Sherik",
        }
        {
          "DisplayName": "Status",
          "Value": "Active",
        }
      ]
    },
    {
      "Columns": [
        {
          "DisplayName": "First Name",
          "Value": "Jack",
        },
        {
          "DisplayName": "Last Name",
          "Value": "Mark",
        },
        {
          "DisplayName": "Status",
          "Value": "Active",
        }
      ]
    },
  ],
  "TotalRows": 2,
}

标签： htmldatatabledatatables