Los Foros
http://foros.espaciolatino.com/

Crear tabla dinamicamente y mostrar datos de un array
http://foros.espaciolatino.com/viewtopic.php?f=2&t=837
Página 1 de 1

Autor:  Santi [ 14 Ene 2014 12:43 ]
Asunto:  Crear tabla dinamicamente y mostrar datos de un array

Hola a todos y gracias de antemano por interesaros en mi consulta.
Estoy creando una tabla de forma dinámica cogiendo los datos que forman las celdas de un array y al pulsar en el botón generar me tiene que crear la tabla, en la primera fila me lo hace bien, pero al pasar a la segunda fila me vuelve a repetir los datos de la primera, en vez de seguir por donde se quedó en esta.
Otra cosa que me pasa es que la tabla no la muestra en IE, pero si en Firefox, no se si estaré utilizando algún código que es incompatible con IE

Código:
var nombre = new Array();
nombre = [["01","titulo1"],
["02","titulo2"],
["03","titulo3"],
["04","titulo4"],
["05","titulo5"],
["06","titulo6"],
["07","titulo7"],
["08","titulo8"],
["09","titulo9"],
["10","titulo10"],
["11","titulo11"]];

            var fila;
            var columna;
            var dato;
            var arrayTabla= new Array(numf);
            var numf = 2; //numero filas
            var numc = 2; //numero columnas
            function generar(){               
               
                for (i=0;i< numf;i++) arrayTabla[i]= new Array(numc);
                //creo la tabla
                tabla=document.createElement("table");
                tabla.border=1;
                tabla.id="t";// añado id a la tabla                 
               
                for (var i=0;i<numf;i++){
                //recorremos el array de filas creándolas con tr
                    var fila1=document.createElement("tr");
                    //lo mismo con td
                    for (var j=0;j<numc;j++){
                        //lo mismo con td
                        var columna1=document.createElement("td");//creamos una celda
                  //Quiero que me muestre el elemento 1
                  dato=nombre[j][1];                       
                        arrayTabla[i][j]=dato; //introduzco el valor en el array
                        //creo un texto para dentro de cada td y le pongo el valor de dato
                        var texto=document.createTextNode(dato);
                       
                        columna1.appendChild(texto);//enlazamos hijos con padres
                        fila1.appendChild(columna1);
                    }
                    tabla.appendChild(fila1);
                   
                }
                lNombres.appendChild(tabla);
               
            }


Código:
     
            <input type="Button" value="generar" onClick="generar()">           
                       
            <span id="lNombres"></span><br>

Página 1 de 1 Todos los horarios son UTC + 1 hora
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/