Hola:
Hice una prueba sencilla que muestra una tabla con el DOM:
Código:
<html>
<head>
<title>
crear tablas con DOM
</title>
<script type="text/javascript">
function suma(lugar) {
var tabla = document.createElement("table");
var cuerpo = document.createElement("tbody");
var linea = document.createElement("tr");
var celda = document.createElement("td");
var contenido = document.createTextNode("prueba");
celda.appendChild(contenido);
linea.appendChild(celda);
cuerpo.appendChild(linea);
tabla.appendChild(cuerpo);
document.getElementById(lugar).appendChild(tabla);
}
</script>
</head>
<body >
<button onclick="suma('aqui')" >crear</button>
<div id="aqui"></div>
</body>
</html>
Me parece que el secreto está en colgar las filas en un elemento tbody (supongo que también podría ser tfoot o thead)
Saludos
