[SOLUCIONADO] Listar datos obtenidos de mysql en php y jquery

[tigreazul123]

Eh estado haciendo un listado obteniendo los datos con json y listarlo en una tabla pero cuando hago click en otros botones se agrega la informacion en la parte inferior de la tabla.. quise limpiar y listar nuevamente los datos pero al hacer eso me lista solo una fila.

Código Javascript:

$("#table_cab").html('').show();
      $("#table_cab").append('<th>Numero caso</th>');
      $("#table_cab").append('<th>Nombre</th>');
      $("#table_cab").append('<th>Correo contacto</th>');
        $.each(serie, function(k, v) {
          $("#body_table").append('<tr class="odd gradeX">');
          $("#body_table").append("<td>"+v.nro)+"</td>";
          $("#body_table").append("<td>"+v.nomfical)+"</td>";
          $("#body_table").append("<td>"+v.mail)+"</td>";
          $("#body_table").append('</tr>');
});
 

Asi me trae todo los datos de mi php
intente agregar esta linea para cuando quiera obtener la data de otros botones
$("#body_table").html('').show(); pero solo lista una fila.
y si esa lina me trae todo los datos correctamente, con el error que si obtengo mas datos se listan nuevamente en la parte inferior

Gracias de antemano espero que me ayuden resolver este problema.

[xcoltx]

no sera que le faltan las etiquetas TR?

$("#table_cab").append('<tr>');
$("#table_cab").append('<th>Numero caso</th>');
$("#table_cab").append('<th>Nombre</th>');
$("#table_cab").append('<th>Correo contacto</th>');
$("#table_cab").append('</tr>');

o no?