Foros del Web - Ver Mensaje Individual

Dany_s · #3 (**permalink**) 11/11/2010, 17:42

append te va agregando al final

cuando agregas

$("#lista_alumnos").append('<table cellpadding="0" cellspacing="0" border="1" class="display" id="lista_paciente">');

te crea con cierre
<table></table>
despues le decis que agregue caption, thead, despues tr etc

los tr te los va agregando fuera de la tabla, lo mismo que los td fuera de los tr

los td los tener que agregar al tr, el tr al tbody, el tbody a la tabla, etc

pero es mejor crear una cadena y agregarlo al div, aparte de que es más legible

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplon</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    </head>
        <script type="text/javascript">
        $( function (){
 
            var tabla = '<table cellpadding="0" cellspacing="0" border="1" class="display" id="lista_paciente">';
                tabla += '<caption>Mi Tabla</caption>';
                tabla += '<thead>';
                tabla += '<tr>';
                tabla += '<th>Nombre</th><th>Apellido</th><th>Sexo</th><th>Sexo</th>';
                tabla += '</tr>';
                tabla += '</thead>';
                tabla += '<tbody>';
                tr = '';
 
                for (i = 0; i < 5; i++){
                    tr += '<tr>';
                    tr += '<td>'+i+'</td><td>ee</td><td>ii</td><td>oo</td>';
                    tr += '</tr>';
                }
 
                tabla += tr;
                tabla += '</tbody></table>';
 
                $('#lista_alumnos').html( tabla );
            });
 
        </script>
    <style>
    </style>
    <body>
 
        <div id="lista_alumnos"></div>
 
    </body>
</html>