动态html表，但表头位于底部

Dynamic html table but header is coming at bottom

本文关键字：表头 于底部 html 动态      更新时间：2024-05-12

我正在尝试创建动态html表，但表头位于底部。任何人都可以检查我的代码并帮助我解决这个问题吗。

<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中获得数据库结果，并试图从JS本身显示结果。

为什么不使用<thead>和<tbody>？

<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>

然后，您可以通过选择<tbody>而不是<table>，将mysql结果附加到<tbody>中。

var tablebody = document.getElementById("tablebody");
相关文章：