Datatable con tablas mysql

Begotten · #1 (**permalink**) 13/01/2015, 09:48

estoy tratando de agregar el plugin datatables de jquery para una tabla que obtiene los datos desde una bd en mysql, despues de intentar varias formas, logre que el plugin reconociera a la tabla pero el problema es que solo agrega a la tabla al primer dato de la bd, los demas quedan puestos arriba y no se pueden ordenar ni buscar.
agrego una foto de lo que pasa:

Código:

<!DOCTYPE html>
<html>

<head>

<style type="text/css" title="currentStyle">
	@import "css/demo_table_jui.css";
	@import "themes/smoothness/jquery-ui-1.8.4.custom.css";
</style>

<script src="js/jquery.js"></script>
<script src="js/jquery.dataTables.js"></script>

<script>

$(document).ready(function() {
	oTable = $('#example').dataTable({
	"bJQueryUI": true,
	"sPaginationType": "full_numbers",

    	"oLanguage": {
      	"sEmptyTable": "No hay datos",//tabla vacia
	      "sInfo": "Mostrando  (_START_ - _END_) de _TOTAL_ registros",
        "sLengthMenu": 'Mostrar <select>'+
        '<option value="10">10</option>'+
        '<option value="20">20</option>'+
        '<option value="30">30</option>'+
        '<option value="40">40</option>'+
        '<option value="50">50</option>'+
        '<option value="-1">Todo</option>'+
        '</select> registros',
	      "sLoadingRecords": "Espere un momento, cargando...",
	      "sSearch": "Buscar:",
	      "sZeroRecords": "No hay datos con esa busqueda",
      	 "oPaginate": {
         "sFirst": "Primero",
	       "sLast": "Ultimo",
	       "sNext": "Siguiente",
	       "sPrevious": "Anterior",
      	}
    	}

	});

} );

</script>

</head>

<body>

<?php
$con=mysqli_connect("localhost","root","","proyecto7");
// Check connection
if (mysqli_connect_errno())
  {
  echo "Failed to connect to MySQL: " . mysqli_connect_error();
  }
$res=mysqli_query($con, "SELECT * FROM cliente ORDER BY nombre");

?>
<div id="tabla1" style="display:block">

  <form name="form1" id="form1">
      <br />
      <table id= "example" cellpadding="0" cellspacing="0" border="0" class="display">
      <thead>
        <tr class="gradeA">
          <th><b>seleccionar</b></th>
          <th><b>codigo</b></th>
          <th><b>nombre</b></th>
          <th><b>rut</b></th>
          <th><b>telefono</b></th>
          <th><b>direccion</b></th>
          <th><b>giro</b></th>
          <th><b>email</b></th>
          <th><b>rep_legal recepcion</b></th>
          <th><b>celular</b></th>
      </tr>
    </thead>  

    <?php
    $query_select = "SELECT * FROM cliente";
    $query_execute = $con->query($query_select);

    while($query_result = $query_execute->fetch_array()) {
      $codig = $query_result['codigo'];
      $name = $query_result['nombre']; 
      echo $name;
      $rut = $query_result['rut'];
      $tel = $query_result['telefono'];
      $dir = $query_result['direccion'];
      $gir = $query_result['giro']; 
      $ema = $query_result['email'];
      $rep = $query_result['representante_legal'];
      $cel = $query_result['celular'];
      ?>
      <tbody>
        <tr class="gradeA"> 
          <td> <input type="radio" name ="cliente" value="<?php echo $query_result['codigo'] ?>" onchange="myFunction3(this.value)"><br></td>
          <td><?php echo $codig; ?></td>
          <td><?php echo $name; ?><td>
          <td><?php echo $tel; ?></td>
          <td><?php echo $dir; ?></td>
          <td><?php echo $gir; ?></td>
          <td><?php echo $ema; ?></td>
          <td><?php echo $rep; ?></td>
          <td><?php echo $cel; ?></td>
      </tr>
      <?php  }?>
     </tbody>
    </table>
  </form>