Neue Tabelle mit Javascript

[T-Rex]

Also wenn du eine Tabelle wirklich komplett in Javascript aufbauen willst, dann brauchst du auf jeden Fall einen Punkt wo das ganze Gedöns ins HTML (DOM) kommt. z.B.
<div id='pastTable'></div>
Wieso weshalb, später.

Jetzt bauen wir die Tabelle
var objTable = document.createElement("table");

mit document.createElement(), erzeugst du ein neues HTML Tag. In diesem Fall eine leere table Hülle.

var objHead = document.createElement("thead");
Jetzt hast du eine Kopfhülle. Auch noch ohne Inhalt.

objTable.appendChild(objHead);
Jetzt haben wir beide Elemente Zusammen gebracht. Genauer gesagt ist der Kopf jetzt ein Kind Element von table. Als HTML Code sieht das ganze so aus:
<table>
   <thead>
   </thead>
</table>

Jetzt braucht thead eine Zeile:
var objRow = document.createElement("tr");
objHead.appendChild(objRow);

Zeile erzeugt und als Kind hinzugefügt.

Nach diesem Prinzip baust du die Tabelle auf.
Wenn die Tabelle fertig aufgebaut ist setzt du alles in das bereits im HTML stehende Element:

document.getElementById('pastTable').appendChild(objTable);

Und schon steht die dynamisch erzeugte Tabelle im html.

Gruß
T(able)-Rex