如何在HTML表格中获取api数据和视图

// 发送API请求并获取数据
fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    // 创建HTML表格
    const table = document.createElement('table');
    
    // 添加表头
    const headerRow = table.insertRow();
    Object.keys(data[0]).forEach(key => {
      const headerCell = document.createElement('th');
      headerCell.textContent = key;
      headerRow.appendChild(headerCell);
    });
    
    // 添加数据行
    data.forEach(item => {
      const row = table.insertRow();
      Object.values(item).forEach(value => {
        const cell = row.insertCell();
        cell.textContent = value;
      });
    });
    
    // 将表格添加到页面中的某个元素
    document.getElementById('table-container').appendChild(table);
  });