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>