如何從ajax響應動態創建的行上加載Jquery DataTable？

Question

我正在文檔就緒函數加載jQuery Datatable，我從ajax響應創建表體正在行，但數據表仍然顯示數據不可用，並沒有做任何排序和計數從表中添加的行從ajax響應。

<table id="mytable">     
    <thead>     
    <th>Name</th> 
    <th>Email</th> 
    </thead> 
    <tbody id="tableBody"></tbody> 
</table> 

function getUsers(){ 
    $.ajax({ 
    url: "/user.php", 
    type: 'POST', 
    dataType: 'json', 
    success: function(json) {    
     var tr; 
     for (var i = 0; i < json.length; i++) { 
     tr = $('<tr/>'); 
     tr.append("<td><a>" + json[i].first_name + ' ' + json[i].last_name + "</a></td>"); 
     tr.append("<td><a href='mailto:" + json[i].email + "'>" + json[i].email + "</a></td>"); 
     $("#mytable > tbody").append(tr);      
     } 
    }, 
    }); 
} 

$(document).ready(function() { 
    getUsers(); 
    $('#mytable').dataTable(); 
}); 

Answer 1

試試這個功能

function getUsers(){ 
    $.ajax({ 
     url: "/user.php", 
     type: 'POST', 
     dataType: 'json', 
     success: function(json) { 
      var tr; 
      for (var i = 0; i < json.length; i++) { 
       tr = '<tr>'; 
       tr+="<td><a>"+json[i].first_name +' '+json[i].last_name+"</a></td>"; 
       tr+="<td><a href='mailto:"+ json[i].email +"'>"+ json[i].email + "</a></td>"; 
       tr+='</tr>'; 
       $("#tableBody").append(tr); 
      } 

     }, 
    }); 
} 

我的東西它會爲你工作。