javascript html table code example

Example 1: table html

  

    

      
header1
      
header2
      
header3
    
   
   

     

       
text1.1
       
text1.2
       
text1.3
     
     

       
text2.1
       
text2.2
       
text2.3
     
     

       
text3.1
       
text3.2
       
text3.3
     
     

     
  

Example 2: how to create table using DOM

function render(){
for (let i = 0; i < allMovie.length; i++) {
    tr = document.createElement('tr');
    tr.setAttribute("class", "mainTR");
    table.appendChild(tr);

    var td1 = document.createElement('td');
    td1.textContent = allMovie[i].MovieName11;
    td1.setAttribute("class", "td1");
    tr.appendChild(td1);
    
    var td2 = document.createElement('td');
    td2.textContent = allMovie[i].selectPlatform11;
    td2.setAttribute("class", "td2");
    tr.appendChild(td2);

    var td3 = document.createElement('td');
    td3.textContent = allMovie[i].randomRate;
    td3.setAttribute("class", "td3");
    tr.appendChild(td3);

    var td4 = document.createElement('td');
    td4.textContent = allMovie[i].monthlyPay11;
    td4.setAttribute("class", "td4");
    tr.appendChild(td4);

   var td5 = document.createElement('td');
    td5.setAttribute("id", "td5");
    td5.innerHTML = ` X `
    tr.appendChild(td5);
}
}