想要將不同子路徑的資料做成table
假設您已經取得HTML中的子路徑, 並據以向firebase取得最新資料, 新資料進來時, 您需要清除目標table的所有資料, 然後appendrow上去, 您說已經可以append to, 所以我假設如下面的appendrow, 而以下的removealld可以清除目標table, 傳入tableid和第一列的位置row0, 可避免刪除row0u前的表頭.

<script>
function appendrow(tableid) {
  let table = document.getElementById(tableid);
  let row = table.insertRow(table.rows.length);
  let cell1 = row.insertCell(0);
  let cell2 = row.insertCell(1);
  cell1.innerHTML = "cell1";
  cell2.innerHTML = "cell2";
}

function removeall(tableid, row0) {  
  let datarow0 = row0;
  let table = document.getElementById(tableid);
  let rowCount = table.rows.length;
  for (var i = datarow0; i < rowCount; i++) {
    table.deleteRow(datarow0);
  }
}
</script>

另外一種方式, 就是每次更新資料就直接用Javascript刪除與新建table.