如何将对象格式化为漂亮的HTML表格？

function formatObjectToHTMLTable(obj) {
  var table = document.createElement('table');
  var thead = document.createElement('thead');
  var tbody = document.createElement('tbody');

  // 创建表头
  var headerRow = document.createElement('tr');
  for (var key in obj) {
    var th = document.createElement('th');
    th.textContent = key;
    headerRow.appendChild(th);
  }
  thead.appendChild(headerRow);
  table.appendChild(thead);

  // 创建表体
  var bodyRow = document.createElement('tr');
  for (var key in obj) {
    var td = document.createElement('td');
    td.textContent = obj[key];
    bodyRow.appendChild(td);
  }
  tbody.appendChild(bodyRow);
  table.appendChild(tbody);

  return table.outerHTML;
}

// 示例对象
var obj = {
  name: 'John',
  age: 30,
  email: 'john@example.com'
};

// 调用函数并将生成的HTML表格插入到页面中
var tableHTML = formatObjectToHTMLTable(obj);
document.getElementById('table-container').innerHTML = tableHTML;