成功しましたが、適切な場所にはありません。

Question

私はajaxの結果から追加しようとしています。

$("#result").append(' <tbody> <tr> <td>' + no + '</td> <td> ' + val.FullName + ' </td> <td> ' +val.attendancedate+ ' </td>' + 
'<td>' + val.InTime + '</td> <td>' + val.OutTime + '</td> <td>' +val.total + '</td> </tr> </tbody>'); 

とここで私のテーブルである

<div class="box-body"> 
      <table class="table"> 
       <thead> 
        <tr> 
         <td> No </td> 
         <td> Nama Lengkap </td> 
         <td> Tanggal Kehadiran <td> 
         <td> Jam Masuk </td> 
         <td> Jam Keluar </td> 
         <td> Total Jam Lebih </td> 
        </tr> 
       </thead> 

       <div id="result"> 
       </div> 

      </table> 
     </div> 

アヤックス結果からのprobleはありません。問題はappendです。 結果の例を次に示します。おかげ

は、どのように私はそれを修正できますか？

Answer 1

このようにテーブルにDIVを書くことはできません。代わりにtbodyとappendを書いてみてください。これを試してみてください：

<div class="box-body"> 
    <table class="table"> 
     <thead> 
      <tr> 
       <td> No </td> 
       <td> Nama Lengkap </td> 
       <td> Tanggal Kehadiran <td> 
       <td> Jam Masuk </td> 
       <td> Jam Keluar </td> 
       <td> Total Jam Lebih </td> 
      </tr> 
     </thead> 

     <tbody id="result"> 
     </tbody> 

    </table> 
</div> 

    $("#result").append('<tr> <td>' + no + '</td> <td> ' + val.FullName + ' </td> <td> ' +val.attendancedate+ ' </td>' +'<td>' + val.InTime + '</td> <td>' + val.OutTime + '</td> <td>' +val.total + '</td> </tr>'); 

Answer 2

divにではなく結果をテーブルに追加してください。 または、THEAD後にこの

$(".table thead").after(' <tbody> <tr> <td>' + no + '</td> <td> ' + val.FullName + ' </td> <td> ' +val.attendancedate+ ' </td>' +'<td>' + val.InTime + '</td> <td>' + val.OutTime + '</td> <td>' +val.total + '</td> </tr> </tbody>'); 

使用してみてくださいid="results"

Answer 3

にテーブルIDを設定し、あなたはあなたのHTMLが

<div class="box-body"> 
    <table class="table"> 
     <thead> 
      <tr> 
       <td> No </td> 
       <td> Nama Lengkap </td> 
       <td> Tanggal Kehadiran <td> 
       <td> Jam Masuk </td> 
       <td> Jam Keluar </td> 
       <td> Total Jam Lebih </td> 
      </tr> 
     </thead> 
    </table> 
</div> 

になりますテーブルに

をdiv要素を追加カント