entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

Como recargar un DataTable de JQuery?

Tengo una lista de formularios... al hacer clic en un formulario se carga a la derecha el formulario para agregar nuevos productos y debajo del formulario se carga la tabla(DataTable) con los productos capturados hasta el momento en ese formulario.... el problema es que al dar un producto nuevo de alta, refresco la tabla para que se muestre el nuevo registro hasta ahí todo está bien, lo tengo con bootstrap y todo jala de maravilla, pero cuando intente cambiar a DataTables de JQuery no me muestra está segunda tabla con formato de DataTable.... me lo muestra como una tabla cualquiera de bootstrap... en el archivo que se manda llamar para recrear la tabla después de agregar un registro le puse al inicio....

<head>
<script>
$(document).ready(function(){
    alert("entro");
    $("#MostrarRegistros2").dataTable();
})
</script></head>

no se por que no lo carga... de antemano, Gracias!

1voto

kiokotzu comentado

1voto

Peter comentado

Sería mejor que compartas el código de la solución como tal.

2 Respuestas

2votos

angel_o7 Puntos180

$('#id_tabla').dataTable()._fnAjaxUpdate();

2votos

cobasESP Puntos19560

Teniendo esta tabla por ejemplo:

<table id="tabla_clientes" class="display" cellspacing="0" width="100%">
                                <thead>
                                    <tr>
                                        <th>Autor</th>
                                        <th>Titulo</th>
                                        <th>Precio</th>
                                        <th>Municipio</th>
                                        <th>Imagen</th>
                                        <th>Fecha</th>
                                        <th>Categoria</th>
                                        <th>Opciones</th>
                                    </tr>
                                </thead>

                                <tfoot>
                                    <tr>
                                        <th>Autor</th>
                                        <th>Titulo</th>
                                        <th>Precio</th>
                                        <th>Municipio</th>
                                        <th>Imagen</th>
                                        <th>Fecha</th>
                                        <th>Categoria</th>
                                        <th>Opciones</th>
                                    </tr>
                                </tfoot>
                            </table>

Este es el script que recargaria la tabla don DataTables:


<script>
    $(document).ready(function(){
        $('#tabla_clientes').dataTable({
            ajax: "get_ofertas.php",
        columns: [
            {data:"nombre"},
            {data:"titulo"},
            {data:"precio"},
            {data:"municipio"},
            {data:"imagen"},
            {data:"fecha"},
            {data:"tipo"},
            {data:"opciones"}

        ]
        });
    });
    </script>

A mi me funciona perfecto, espero que te sirva.

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta