Question

I am enabling jQuery DataTable Plugin like this and it is working:

$('#MyList').dataTable( {
    "bProcessing": true,
    "iDisplayLength": 100
});

Problem: There is a delete row link with each row in table. This delete link is working with AJAX. When I click this link it delete the record and reload table content again But after AJAX request it shows the content but does not enable DataTable Plugin on html table.

It works fine if reload whole webpage but I want to reload only html table content.

How to reload my html table with datatable plugin after ajax requests ?

Thanks

Answer 1

Put $('#MyList').dataTable( ...etc ) inside the success callback function of your AJAX request, after you set the new table content.