Ver Mensaje Individual
  #2 (permalink)  
Antiguo 08/05/2009, 17:38
juan_caz
 
Fecha de Ingreso: abril-2007
Mensajes: 4
Antigüedad: 17 años, 8 meses
Puntos: 0
Respuesta: Estilizar Tabla generada dinámicamente con Jquery apartir de datos recibid

Hola de Nuevo!

Ya resolví mi problema!!

Lo que pasa que estaba creando la tabla con el método append de Jquery pero al inspeccionar la tabla creada mediante el firebug observé que los tags de la tabla se cerraban automáticamente al ser anexados.. es decir, la salida era algo asi como:

Código HTML:
<table />
 </tr>
  <td >datos></td> 
Lo cual no es deseado debido a que voy anexando td de acuerdo al contenido de la respuesta, lo que hacía previamente era:

Código:
$('#ResultadosBusqueda').append('<table><tr>');
$('#ResultadosBusqueda').append('<th>Nombre</th>');
$('#ResultadosBusqueda').append('</tr>');
$('#ResultadosBusqueda').append('<tr>');
$('#ResultadosBusqueda').append('<td>datos.nombre</td>');
$('#ResultadosBusqueda').append('</tr></table>');
Nota: El código de arriba esta un poco simplificado para cuestiones práctivas y no representa la forma real pero es para que se den la idea y quizas le sirva a alguien en el futuro.

La solución fue en vez de hacer el append uno por uno a la capa DIV, fuí concatenando el valor a una varible llamada "tabla" y una vez concatenado todo el contenido ahora si la agregamos al div con el método append el valor de la variable "tabla", algo asi:

Código:
var tabla = '<table class="listado">'
		+ '<tr>'
		+ '<th>Nombre</th>'
                + '</tr>';
		+ '<tr>'
		+ '<td>datos.nombre</td>'
                + '</tr>';
                + '</table>';

$('#ResultadosBusqueda').append(tabla);
Y con esto la tabla se mostró correctamente y por lo tanto el estilo que era lo que quería, saludos!