使用HTML（DOM）重新初始化DataTables，而不会丢失dom中的数据

Question

we have a rather complex structure and combination of technologies for generating a table at the end.

We have a custom binding ,in that custom binding I initialize the datatables with $('.DataTables').DataTable(); in the init (Knockout), this works fine if the data is already present.

But for the case, where the data will be loaded later ,because of an AJAX-Request, this does not work.

I need something to reinitialize the DataTable, with data which is present in the HTML(the data is already present in the html, but clicking on any column for sorting will make the data disappear).

What can I do ?

Now

Answer 1

Process to re initialize data table:

$('#theID').DataTable().ajax.reload();

This will reinitialize datatable loading new data if any.