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.