如何在弹出窗口中显示动态填充表的信息？

<button id="openBtn">打开弹出窗口</button>
<div id="popup" style="display: none;">
  <table id="table">
    <thead>
      <tr>
        <th>姓名</th>
        <th>年龄</th>
      </tr>
    </thead>
    <tbody>
      <!-- 动态填充的表格内容 -->
    </tbody>
  </table>
</div>

// 获取弹出窗口和表格元素
const openBtn = document.getElementById('openBtn');
const popup = document.getElementById('popup');
const tableBody = document.querySelector('#table tbody');

// 模拟获取表的信息
const data = [
  { name: '张三', age: 20 },
  { name: '李四', age: 25 },
  { name: '王五', age: 30 }
];

// 动态填充表的信息
function fillTable() {
  tableBody.innerHTML = ''; // 清空表格内容
  data.forEach(item => {
    const row = document.createElement('tr');
    const nameCell = document.createElement('td');
    const ageCell = document.createElement('td');
    nameCell.textContent = item.name;
    ageCell.textContent = item.age;
    row.appendChild(nameCell);
    row.appendChild(ageCell);
    tableBody.appendChild(row);
  });
}

// 点击按钮时显示弹出窗口并填充表格信息
openBtn.addEventListener('click', () => {
  fillTable();
  popup.style.display = 'block';
});