Estoy intentando agregar el jquiery del dataTable a mi proyecto para mostrar la tabla con el campo de buscador y la paginación pero no lo consigo. estoy utilizando las siguientes archivos para el dataTable.
<script src="js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="css/jquery.dataTables.min.css">
y la función
<script>
$(document).ready(function(){
$('#myTable').DataTable();
});
</script>
Y mi tabla la creo de la siguiente manera:
<table id="myTable" class='table table-striped table-hover table-condensed table-bordered'>
<tr>
<th>T. Documento</th><th># Documento</th><th>Nombres</th><th>Acción</th>
</tr>
<?php
$mysqli = new mysqli("localhost", "root", "root", "escuela");
if ($mysqli->connect_errno) {
echo "Fallo al conectar a MySQL: (" . $mysqli->connect_errno . ") " . $mysqli->connect_error;
exit();
}
$consulta = "SELECT id_jugador, id_td, nombre_td, documento, nombres FROM jugador NATURAL JOIN tipodocumento;";
if ($resultado = $mysqli->query($consulta)) {
while ($fila = $resultado->fetch_row()) {
echo "<tr>";
echo "<td>$fila[2]</td><td>$fila[3]</td><td>$fila[4]</td>";
echo"<td>";
?>
</table>
He buscado pero encuentro tutoriales donde la tabla la crean de otra forma y y trato de adaptarlo a lo que tengo pero no me funciona. Si alguien me puede colaborar lo agradezco.
<thead>
y<tbody>
? ya que también puede ser un problema el que no las tenga.