如何将Firestore文档中的所有数据显示到html表中？

// 引入Firebase JavaScript SDK
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-firestore.js"></script>

// 初始化Firebase应用
const firebaseConfig = {
  // 在此处添加你的Firebase配置信息
};

firebase.initializeApp(firebaseConfig);

// 获取Firestore实例
const db = firebase.firestore();

// 获取集合中的所有文档数据
db.collection("your_collection_name").get().then((querySnapshot) => {
  // 创建表格元素
  const table = document.createElement("table");

  // 遍历获取到的数据
  querySnapshot.forEach((doc) => {
    // 创建表格行
    const row = document.createElement("tr");

    // 添加文档字段数据到表格单元格
    const data1 = document.createElement("td");
    data1.textContent = doc.data().field1;
    row.appendChild(data1);

    const data2 = document.createElement("td");
    data2.textContent = doc.data().field2;
    row.appendChild(data2);

    // 将行添加到表格中
    table.appendChild(row);
  });

  // 将表格添加到HTML页面中的指定元素
  document.getElementById("table-container").appendChild(table);
});