Успех 'append', но не в нужном месте

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 и добавьте в него пример:

<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. Или установите идентификатор таблицы в id="results"

Answer 3

Попробуйте

$(".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>'); 

использовать после THEAD, вы не можете добавить DIV в таблице

Ваш 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>