用JS从数组对象填充表

// 定义包含对象的数组
var data = [
  { name: 'John', age: 25, email: 'john@example.com' },
  { name: 'Jane', age: 30, email: 'jane@example.com' },
  { name: 'Bob', age: 35, email: 'bob@example.com' }
];

// 获取表格元素
var table = document.getElementById('myTable');

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

// 创建表格内容
var tbody = table.createTBody();
data.forEach(function(obj) {
  var row = tbody.insertRow();
  for (var key in obj) {
    var cell = row.insertCell();
    cell.innerText = obj[key];
  }
});