Dinamik html tablosu ancak üstbilgi altta geliyor

Question

Dinamik html tablosu oluşturmaya çalışıyorum ancak üstbilgi altta geliyor. Herkes kodumu kontrol edebilir ve sorunu düzeltmek için bana yardımcı olabilir.

<table id="queryResult" border="1"> 
    <tr> 
     <th id="header1">Name</th> 
     <th id="header2">Number Of Employees</th> 
    </tr> 
</table> 
<script type="text/javascript">  
function soqlQuery(){   
     try{      
      var table  = document.getElementById("queryResult"); 

      sforce.connection.sessionId = '{!$Api.Session_ID}'; 
      var result = sforce.connection.query("SELECT Id, Name, NumberOfEmployees from Account",{ 
       onSuccess : function(result){ 
        var records   = result.getArray("records");      
        for(var i = 0; i <records.length; i++){ 
         var row   = table.insertRow(0); 
         var cell1  = row.insertCell(0); 
         var cell2  = row.insertCell(1); 
         cell1.innerHTML = records[i].Name; 
         cell2.innerHTML = records[i].NumberOfEmployees; 
        }   
       }, 
       onFailure : function(error){ 
        alert('In failure - '+ error); 
       } 
      }); 
     }catch(e){ 
      alert(e); 
     } 
    } 
    window.onload=function(){ 
     soqlQuery(); 
    } 
    </script> 

JS'de bir veritabanı sonucu almaya çalışıyorum ve JS'nin kendisini göstermeye çalışıyorum.

Answer 1

Neden <thead> ve <tbody> kullanıyorsunuz?

<table id="queryResult" border="1"> 
    <thead> 
    <tr> 
     <th id="header1">Name</th> 
     <th id="header2">Number Of Employees</th> 
    </tr> 
    </thead> 

    <tbody id="tablebody"> 

    </tbody> 

</table> 

Sonra sadece <table> yerine <tbody> seçerek senin <tbody> için MySQL sonuçlarını ekleyebilirsiniz. İlk eklenen ve ondan sonra ve bunun üstüne her dinlenme gibi

var tablebody = document.getElementById("tablebody");