Saltar al contenido

Cómo reinicializar tablas de datos con datos recién obtenidos del servidor usando ajax en MVC

Hola usuario de nuestra página web, descubrimos la solución a lo que buscas, desplázate y la encontrarás un poco más abajo.

Solución:

El mensaje de error http://datatables.net/tn/3 indica el problema con precisión. Está reiniciando la tabla con diferentes opciones en fetchNews().

Primero debe destruir la tabla, consulte http://datatables.net/manual/tech-notes/3#destroy. Puedes hacer eso con $("#dailyNews").dataTable().fnDestroy() (Tablas de datos 1.9.x) o $("#dailyNews").DataTable().destroy() (Tablas de datos 1.10.x).

function fetchNews(context)

     if(context!="")
     
        // Destroy the table
        // Use $("#dailyNews").DataTable().destroy() for DataTables 1.10.x
        $("#dailyNews").dataTable().fnDestroy()

        $("#dailyNews").dataTable(
           // ... skipped ...
        );
    

Alternativamente, si está utilizando DataTables 1.10.x, puede inicializar la nueva tabla con una opción adicional "destroy": truevea abajo.

function fetchNews(context)

     if(context!="")
     
        $("#dailyNews").dataTable(
            "destroy": true,
            // ... skipped ...
        );
    

Esto funcionó para mí después de mucha investigación.:- Primero verifique si la tabla de datos existe o no, si destruye la tabla de datos y luego vuelva a crearla

if ($.fn.DataTable.isDataTable("#mytable")) 
  $('#mytable').DataTable().clear().destroy();


$("#mytable").dataTable(...
                       
                );

Datatables tiene una opción de recuperación. Si su tabla recibe otro contenido después de la inicialización, puede configurar el parámetro: recuperar: true,

Puede ver la documentación aquí: https://datatables.net/reference/option/retrieve

$("#body_data").load("/Admin/GetDailyNews", function () 
      $("#dailyNews").dataTable(
                retrieve: true,
                "lengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]],
                "columnDefs": [ "targets": 3, "orderable": false ],
                "pagingType": "full_numbers",
                "oLanguage":  "sSearch": "" ,
                "deferRender": true
      );

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *