如何在html中回显console.table

<div id="table-container"></div>

var data = [
  { name: 'John', age: 25, city: 'New York' },
  { name: 'Jane', age: 30, city: 'London' },
  { name: 'Bob', age: 35, city: 'Paris' }
];

console.table(data);

var tableContainer = document.getElementById('table-container');
var tableHTML = '<table>';

// 生成表头
tableHTML += '<tr>';
for (var key in data[0]) {
  tableHTML += '<th>' + key + '</th>';
}
tableHTML += '</tr>';

// 生成表格内容
for (var i = 0; i < data.length; i++) {
  tableHTML += '<tr>';
  for (var key in data[i]) {
    tableHTML += '<td>' + data[i][key] + '</td>';
  }
  tableHTML += '</tr>';
}

tableHTML += '</table>';

// 将表格插入到容器中
tableContainer.innerHTML = tableHTML;