Tabla que ocupa gran parte de la página:

Tabla que arme yo:

Problema que sucede al implementar AJAX.

Código AJAX que me arma el error:
Código Javascript:
Ver original
$(document).ready(function(){ verlistado() //CARGAMOS EL ARCHIVO QUE NOS LISTA LOS REGISTROS, CUANDO EL DOCUMENTO ESTA LISTO }); function verlistado() { //FUNCION PARA MOSTRAR EL LISTADO EN EL INDEX POR JQUERY var randomnumber=Math.random()*11; $.post("RecepcionReembolso.php",{ randomnumber:randomnumber},function(data){ $("#contenido").html(data); }); /*var randomnumber=Math.random()*11; $.ajax({ url: "RecepcionReembolso.php", success: function(data){ $("#contenido").php(data); } });*/ };
Agrego HTML con el cual creo mi tabla:
Código HTML:
Ver original
<table cellpadding="0" cellspacing="0" border="0" class="display" id="tabla_lista_paises"> <thead> <tr> </tr> </thead> <tfoot> <tr> </tr> </tfoot> <tbody> <?php while($reg= mysql_fetch_array($listado)) { $IdRecRee=$reg[RecReeNumeroReembolso]; $IdPasar=$reg[RecReeNumeroReembolso]; //var_dump($IdRecRee); //var_dump($IdPasar); echo "<tr style='cursor: pointer' onclick='muestra(this);'>"; echo '</tr>'; // } ?> <tbody> </table>
Como se ve en las imágenes la tabla que genere no esta como debería, algunos estilos no se aplicaron, y lo peor es que no tengo idea de porque esta de esa forma. Si alguien me pudiera dar algún tipo de guía para resolver este problema, se lo agradecería mucho.