0

Tengo la siguiente tabla que se llena por medio de ajax.

$(function() { $('#stat').load('ajax/todo.php'); });
<table id="tabla" class="table table-striped table-bordered ">
  <thead>
    <tr>
    <th>#</th>
    <th>nombre</th>
    <th>apellidos</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
    <th>#</th>
    <th>nombre</th>
    <th>apellidos</th>
    </tr>
  </tfoot>
  <tbody id="stat"></tbody>
</table>

En el archivo todo.php se encuentra los resultados de la tabla de esta manera

foreach ($filas as $key)
	{
		?>
		<tr>
			<td><?php echo $key['id'] ?></td>
			<td><?php echo $key['nombre'] ?></td>
			<td><?php echo $key['apellidos'] ?></td>
		</tr>
		<?php
		}  ?>

Quiero implementar la función dataTable de JQuery

        $(document).ready(function() {
          $('#tabla').DataTable();
        } );

Pero al agregar esta función, cuando esta cargando los datos manda un error no data available in después carga los datos, cuando intento buscar no arroja los resultados que debería.

1 respuesta 1

1

El problema es que load() es una funcion asincronica. Necesitas generar el datatable dentro de la funcion complete del load() asi:

$(function() { $('#stat').load('ajax/todo.php', function() {
    $('#tabla').DataTable();
}); });
1
  • 1
    Gracias! entendía un poco lo que pasaba pero no sabia como solucionarlo, gracias de nuevo!
    – isela rojo
    el 23 sep. 2019 a las 21:46

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.