I want create two table in one interface. How to do it? please explain how to do it? Thank you

My html code here:

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 get data code:

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>
    

two tables in one interface. firebase Realtime database

I want create two table in one interface. How to do it? please explain how to do it? Thank you

My codes are at the top