从JSON数据创建html表

// 假设JSON数据存储在变量data中
var data = [
  { "Name": "John", "Age": 30, "City": "New York" },
  { "Name": "Alice", "Age": 25, "City": "San Francisco" },
  { "Name": "Bob", "Age": 35, "City": "Chicago" }
];

// 创建表格元素
var table = document.createElement("table");

// 创建表头行
var thead = table.createTHead();
var headerRow = thead.insertRow();
for (var key in data[0]) {
  var th = document.createElement("th");
  th.textContent = key;
  headerRow.appendChild(th);
}

// 创建表格行和单元格，并填充数据
var tbody = table.createTBody();
data.forEach(function(item) {
  var row = tbody.insertRow();
  for (var key in item) {
    var cell = row.insertCell();
    cell.textContent = item[key];
  }
});

// 将表格插入到页面中的适当位置
var container = document.getElementById("table-container");
container.appendChild(table);