Jquery datatables destruir/re-crear

El tutorial o código que verás en este artículo es la resolución más rápida y válida que encontramos a esta duda o problema.

Solución:

CAUSA

Cuando DataTables destruye la tabla debido a la opción destroy:true restaura el contenido original y descarta el contenido que ha generado.

SOLUCIÓN #1

Remover destroy:true opción y destruir la tabla antes de manipular la tabla con destroy() método API.

if ( $.fn.DataTable.isDataTable('#tblRemittanceList') ) 
  $('#tblRemittanceList').DataTable().destroy();


$('#tblRemittanceList tbody').empty();

// ... skipped ...

$('#tblRemittanceList').dataTable(
      "autoWidth":false, 
      "info":false, 
      "JQueryUI":true, 
      "ordering":true, 
      "paging":false, 
      "scrollY":"500px", 
      "scrollCollapse":true
);

SOLUCIÓN #2

Remover destroy:true opción y en lugar de destruir y recrear el uso de tabla clear() para borrar el contenido de la tabla, rows.add() para agregar los datos de la tabla y luego draw() para volver a dibujar la tabla.

En este caso, deberá inicializar DataTables una vez en la inicialización de la página.

Puede inicializar sus tablas de datos usando la opción de recuperación como esta:

var table = $('#myTable').DataTable( {
                        dom: 'Bfrtip',
                        retrieve: true, ...

Entonces tienes que limpiarlo y destruirlo:

$('#myTable').DataTable().clear().destroy();

Por último, recreas tus tablas de datos:

 var table = $('#myTable').DataTable( {
                        dom: 'Bfrtip',
                        retrieve: true,

Consulte el tutorial de recuperación aquí: https://datatables.net/reference/option/retrieve

Reseñas y valoraciones del post

Acuérdate de que puedes optar por la opción de decir si te fue de ayuda.

---

---

Utiliza Nuestro Buscador