如何从 html 代码重新加载 DataTable

Question

here's my question, I've got a datatable in html, I have a function replacing the html code of the datatable by an updated one (the same, but with the update database values).

But the probleme is, things like "Display 1 entry from 1 to 1" doesn't update.

I'd like to refresh the whole tab with the new values, and with the data-table functions from.

Any ideas ?

I'm not really clear about how my code is; but basically : it's a html table ruled by php's foreach/if and echoes of values got by requesting a database. So, even while reloading the same html code, there won't be the same values if you add something through the database.

I'll add the fact that there is switchbuttons inside the data-base, and they get also destroy by the html reload. When I say html reload, I mean this : $('#myTable').html(new_html);

Thank you

Answer 1

Assign your datatable initialize to variable like below

var table = $('#myTable').DataTable();

Then whenever you call your function for table reload make sure you call this function after it finish to run. It is used by datatable to refresh table.

table.draw();