Как бы вы определили, что таблица должна умещаться в одной таблице?
Вы начинаете с двух столов, переходите к одному столу или с одного -> 2?
Было бы проще начать с одной таблицы, и если полосы прокрутки активны, сделайте что-то вроде следующего крошечного фрагмента. Вы должны использовать firebug в firefox для проверки атрибутов dom таблицы, чтобы определить свойства для использования.
var tableelem = document.createElement('table');
var thead = document.createElement('thead');
for(var t = 0; t < 2; t++) {
var trow = document.createElement('tr');
var tdata = document.createElement('td');
tdata.appendChild(document.createTextNode('header'));
thead.appendChild(trow);
}
tableelem.appendChild(thead);
Вам нужно будет использовать document.getElementById, чтобы получить таблицу, из которой вы будете извлекать, а затем заголовок будет в table.rows[0], так что вы можете проанализировать ячейки в этой строке и получить значения, в которые я положил заголовок выше.
Затем вам нужно будет добавить tableelem в div, используя функцию appendChild.