Quiero crear dos tablas en una interfaz. ¿Cómo hacerlo? por favor explica como hacerlo? Gracias

Mi código html aquí:

 enter code here <div class="contrainer mt-3 ml-5 mr-5"> <table class="table table-dark text-white"> <thead> <th>Sno</th> <th>Workout Name</th> <th>Description</th> <th>Photo</th> <th>Duration</th> </thead> <tbody id="tbody1"></tbody> </table> </div>

Firebase obtiene el código de datos:

 enter code here <script> function SelectAllData(){ firebase.database().ref('Day2').once('value', function(AllRecords){ AllRecords.forEach( function(CurrentRecord){ var name = CurrentRecord.val().Name; var desc = CurrentRecord.val().Desc; var photo = CurrentRecord.val().Link; var duration = CurrentRecord.val().Duration; AddItemsToTable(name,desc,photo,duration); } ); } ); } window.onload =SelectAllData; // -----------------------------Filling the table--------------------------------------------- var sNo =0; function AddItemsToTable(name,desc,photo,duration){ var tbody = document.getElementById('tbody1'); var trow =document.createElement('tr'); var td0 =document.createElement('td'); var td1 =document.createElement('td'); var td2 =document.createElement('td'); var td3 =document.createElement('td'); var td4 =document.createElement('td'); // planList.push([days,breakfast,lunch,dinner]); td0.innerHTML=++sNo; td1.innerHTML= photo; td2.innerHTML= name; td3.innerHTML= desc; td4.innerHTML= duration; trow.appendChild(td0); trow.appendChild(td1); trow.appendChild(td2); trow.appendChild(td3); trow.appendChild(td4); tbody.appendChild(trow); } </script>

dos tablas en una interfaz. Firebase base de datos en tiempo real

Quiero crear dos tablas en una interfaz. ¿Cómo hacerlo? por favor explica como hacerlo? Gracias

Mis códigos están en la parte superior.