ajax后重新加载数据表

Question

I use JQuery dataTable version 1.9. I need to reload a datatable after ajax success because I filter the elements after my query so the pagination shows all elements and not just the "real" ones filtered after the query. I know it is wrong to do this but I can only check after the query

Here it seems that there are no elements

But when scrolling through the pagination the elements are there

Answer 1

you can use setInterval for reloading the datatable after ajax reuqest

setInterval(function(){
    $('#tableid').DataTable({
 });
}, 300);

Answer 2

Please test this solution

function refreshTable() {
  $('.dataTable').each(function() {
      dt = $(this).dataTable();
      dt.fnDraw();
  })
}

Answer 3

If you are going to reload datatable after ajax call, then, you should have the data as a list of object. Let's say it is stored in data Then, reload table by

function reloadDataTable(tableObject, data) {
    tableObject.clear().rows.add(data).draw();
};