Cómo puedo crear una tabla capturando las filas y columnas

bmgabi95 · #1 (**permalink**) 26/05/2012, 10:14

Hola
Necesito ayuda para crear una tabla, con el numero de columnas y filas que un usuario digite en un formulario, utilizando funciones.
Gracias :)

Pablo Ayala · #2 (**permalink**) 26/05/2012, 13:11

Espero te sirva... ya ya probe que funcione...
Saludos...

Código HTML:

Ver original<!DOCTYPE HTML>
<html lang="es-ES">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
        <title>Prueba de sistema</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        
        <style>
            table{
                border:1px solid;
                width: 100%;
            }
            
            tr{
                border:1px dashed;
                height: 15px;
            }
            
            td{
                border:1px dashed;
            }
            
            
        </style>
    </head>
    <body>
        
        Columnas: <input type="text" name="columnas" id="columnas" val="1" />
        Filas: <input type="text" name="filas" id="filas" val="1" />
        
        <button type="button" id="crear" >Crear</button>
        
        <div id="shtable" style="width: 80%; height: 600px; border:1px solid red;"></div>
        
        
        
        <script>
            $(document).ready(function(){
                $("#crear").click(function(){
                    var columnasb = parseInt($("#columnas").val());
                    var filasb = parseInt($("#filas").val());
                    var filas = '';     
                    var columnas = '';          
                                        
                    for(i=1; i<=filasb; i++){
                      filas = filas + '<tr></tr>';  
                    }
                    
 
                    for(a=1; a<=columnasb; a++){
                      columnas = columnas + '<td></td>';    
                    }
                    
                    
                    $("#shtable").html('<table border="1" cellpadding="1" cellspacing="1">'+filas+'</table>');
                    
                    $("#shtable tr").each(function(){
                        $(this).html(columnas);
                    });
                    
                    
                    
                });
            });
            
        </script>
        
    </body>
</html>