如果列在页面上运行，如何将一个由数据库数据生成的html表分离到其自身之下？

// 获取数据库中的数据
const data = [
  { id: 1, name: "John Doe", age: 25 },
  { id: 2, name: "Jane Smith", age: 30 },
  { id: 3, name: "Bob Johnson", age: 35 }
];

// 创建 HTML 表格模板
const tableTemplate = `
  <table>
    <thead>
      <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Age</th>
      </tr>
    </thead>
    <tbody>
      <!-- 数据将动态插入到这里 -->
    </tbody>
  </table>
`;

// 生成 HTML 表格
const table = document.createElement("div");
table.innerHTML = tableTemplate;

// 获取表格的 tbody 元素
const tbody = table.querySelector("tbody");

// 遍历数据，并将每条数据插入到表格中
data.forEach(item => {
  const row = document.createElement("tr");
  row.innerHTML = `
    <td>${item.id}</td>
    <td>${item.name}</td>
    <td>${item.age}</td>
  `;
  tbody.appendChild(row);
});

// 将生成的表格插入到页面中的某个元素下
const container = document.getElementById("container");
container.appendChild(table);