JavaScript - Urgente creación de filas y tablas

Hola, soy yo de nuevo

Hola estoy creando una tabla con javascript. Con un botón creo las columnas. Y con otro las filas. Las columnas ó celdas sí me salen bien al oprimir el botón.

Tengo 2 botones, uno para celdas y uno para filas, yo solo debo poner la cantidad de celdas y filas y se crea.

Pero las filas me salen mal. Osea sí me salen bien, las que yo quiera, pero no contienen las celdas adecuadas adentro, sólo me salen las filas y tal vez con una celda cada fila.

Esto es para las celdas

function columnas(){
var cantidadColumnas = document.querySelector('#txtColum').value;
miTabla = document.createElement('table');
tbBody = document.createElement('tbody');
tr1 = document.createElement("tr");//th
tr2 = document.createElement("tr");//td tr

for (var i = 1; i <=cantidadColumnas; i++){
th1 = document.createElement("th");
td1 = document.createElement("td");
th1.innerHTML = 'Head';
td1.innerHTML = 'Cell';

tr1.appendChild(th1);
tr2.appendChild(td1);
tbBody.appendChild(tr1);
tbBody.appendChild(tr2);
miTabla.appendChild(tbBody);
miCapa = document.getElementById('divResultado');
miCapa.appendChild(miTabla);

}
miTabla.setAttribute("width", "300px");
miTabla.setAttribute("border", "1");
th1.setAttribute("align", "center");
th1.setAttribute("width", "200px");
td1.setAttribute("align", "center");
td1.setAttribute("width", "200px");
}


Esto las filas


function filaTabla(){
var cantidadFilas = document.querySelector('#txtFile').value;
var tbody = document.getElementsByTagName("tbody")[0];

for (var i = 1; i <= cantidadFilas; i++){
var td = document.createElement("td");
td.innerHTML = "new";
var tr = document.createElement("tr");
tr.appendChild(td);

tbBody.appendChild(tr);
}

Qué tengo malo ahí?

Aquí está el archivo index para mejor comprensión

• esto.rar(1,1 KB)