Saltar al contenido

Actualizar la tabla de datos de jQuery

Te damos el hallazgo a este enigma, al menos eso pensamos. Si sigues con dudas compártelo en un comentario y con placer te responderemos

Solución:

Prueba esto

Inicialmente, inicializó la tabla, así que primero borre esa tabla

$('#myTable').dataTable().fnDestroy();

Luego inicialice nuevamente después del éxito de ajax

$('#myTable').dataTable();

Como esto

$("#dropdownlist").on("change", function () 
        $("tbody").empty();
            $.ajax(
                type: "POST",
                url: "@Url.Action("ActionHere", "Controller")",
                dataType: "json",
                success: function (data) 
                    $.each(data, function (key, item) 
                        $("tbody").append("12345");
                    );
                
            )
       $('#myTable').dataTable().fnDestroy();
       $('#myTable').dataTable( // Cannot initialize it again error
                "aoColumns": [
                   "bSortable": false ,
                  null, null, null, null
                ]
            );
        );

MANIFESTACIÓN

Sé que esta es una publicación anterior, pero acabo de investigar sobre el problema y encontré la forma más fácil de resolverlo en las páginas man de DataTable: https://datatables.net/reference/api/ajax.reload%28%29 Todo lo que necesita para llamar a table.ajax.reload();

var table =  $('#product_table').DataTable(
    "bProcessing": true,
    "serverSide": true,
    responsive: true,
    "ajax": 
        url: get_base_url + "product_table", // json datasource
        type: "post", // type of method  ,GET/POST/DELETE
        error: function () 
            $("#employee_grid_processing").css("display", "none");
        
    
);

//call this funtion 
$(document).on('click', '#view_product', function () 
  table.ajax.reload();
);

Sección de Reseñas y Valoraciones

Más adelante puedes encontrar las reseñas de otros sys admins, tú igualmente tienes la habilidad dejar el tuyo si lo crees conveniente.

¡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 *