Tengo un problema al generar una tabla por JavaScript, en el código que os muestro a continuación las filas se generan a la derecha en vez de seguir por abajo para seguir la columna, la primera columna y la primera fila tienen que tener <'th'> como requisito y las demás celdas <'td'>.
¿Es posible desarollar la tabla así por JavaScript?.
function genera_tabla() {
var body = document.getElementsByTagName("body")[0];
var tabla = document.createElement("table");
var tblBody = document.createElement("tbody");
for (var i = 0; i < 4; i++) {
var hilera = document.createElement("th");
for (var j = 0; j < 4; j++) {
var celda = document.createElement("td");
var textoCelda = document.createTextNode("fila "+i+", columna "+j + "\n");
celda.appendChild(textoCelda);
hilera.appendChild(celda);
}
tblBody.appendChild(hilera);
}
tabla.appendChild(tblBody);
body.appendChild(tabla);
tabla.setAttribute("border", "2");
}
<html>
<input type="button" value="Genera una tabla" onclick="genera_tabla()">
</html>