如何从ajax响应中动态创建的行加载Jquery DataTable？

Question

我在文档就绪函数上加载jQuery Datatable，我正在从ajax响应创建表体行，但是datatable仍然显示数据不可用，并且没有对从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

尝试此功能

{{1}}

我觉得它对你有用。