jquery - reiniciar - reinitialize datatable

No se puede reiniciar DataTable: datos dinámicos para datatable

Question

Tengo una tabla de datos que muestra a todos los empleados. Está funcionando bien para todos los empleados en document.ready . Tengo una etiqueta de selección que contiene el tipo de empleados como ''project_manager'' & ''team_leader'' , y en el cambio de tipo de empleado estoy llamando a una función get_employees(emp_type) y pasando el tipo de empleado seleccionado.

Está obteniendo los datos deseados y adecuados en la respuesta ajax, pero lanzando una advertencia

DataTables warning: table id=example - Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/3

Traté de destruirlo, pero no tuve suerte.

también intentado por

$(''#example'').dataTable().fnClearTable();
$(''#example'').dataTable().fnDestroy();

es la tabla de compensación y muestra los datos recién añadidos, pero agrega nuevas imágenes de ordenación con el nombre de columna cada vez.

Aquí está mi fragmento de código.

$(document).ready(function() {
get_employees(''all'');
});
function get_employees(emp_type)
{
$.ajax({
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
$(''#example'').dataTable({
"aaData": response.data,
});
}
});
}

Gracias por adelantado.

Answer 1

Pruebe algo como a continuación

 var $table=$(''#example'').dataTable({
"aaData": response.data,
});
$table.fnDestroy();

Answer 2

En la versión actual de DataTables (1.10.4), simplemente puede agregar destroy:true a la configuración para asegurarse de que cualquier tabla que ya esté presente se elimine antes de reiniciarse.

$(''#example'').dataTable({
destroy: true,
aaData: response.data
});

Answer 3

Esta sección de notas técnicas de tablas de datos explica el motivo de esta advertencia. Información relevante de allí:

Este error se desencadena al pasar opciones a un objeto constructor DataTables cuando la instancia de DataTable para el nodo seleccionado ya se ha inicializado. Por ejemplo:

$(''#example'').dataTable( {
paging: false
} );
$(''#example'').dataTable( {
searching: false
} );

La documentación anterior explica dos formas de lidiar con esto.

1. Recuperar: explica cómo aplicar opciones adicionales después de la inicialización (funciona incluso si no se ha inicializado antes) mediante el uso de configuración de recuperación a verdadero de la siguiente manera:

table = $(''#example'').DataTable( {
retrieve: true,
paging: false
} );

2. Destruir: en este caso, puedes destruir el objeto explícitamente llamando a table.destroy(); y luego creando la tabla de nuevo. O simplemente puede pasar la opción destroy: true como se menciona en la respuesta aceptada.

   table = $(''#example'').DataTable( {
   paging: false
   } );
   table.destroy();
   table = $(''#example'').DataTable( {
   searching: false
   } );

Usando la opción destroy: true:

$(''#example'').DataTable( {
destroy: true,
searching: false } );

Nota: Este error también puede ocurrir si incluye su archivo javascript que crea la tabla de datos varias veces. Estaba usando mosaicos de apache y lo incluí en la base así como en la definición extendida, que también resultó en este error.