Pramod Pramod - 1 year ago 138
jQuery Question

Cannot reinitialise DataTable - dynamic data for datatable

I have a datatable showing all employees.
It is working fine for all employees on

I have a select tag containing the type of employees like
'project_manager' & 'team_leader'
, and on change of employee type I am calling a function
and passing the selected employee type.

It is getting desired and proper data in ajax response, but throwing warning

DataTables warning: table id=example - Cannot reinitialise DataTable. For more information about this error, please see

I tried to destroy it, but no luck.

also tried for


it is clearing table and showing newly appended data, but adding new sort images with column name every time.

Here is my code snippet.

$(document).ready(function() {

function get_employees(emp_type)
url: '../ajax_request.php',
type: "POST",
data: {
action: "admin_get_all_employees",
type: emp_type
success: function(response) {
var response = jQuery.parseJSON(response);

// $('#example').destroy(); tried this but haven’t worked


Thanks in advance.

Answer Source

In the current version of DataTables (1.10.4) you can simply add destroy:true to the configuration to make sure any table already present is removed before being re-initialised.

    destroy: true,
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download