Problem bei der Sache sind die Höhen der Zellen - die muss man dann durchlaufen und entsprechend festlegen, da ansonsten ggf. der Kopf und der Datenteil auseinanderlaufen.
Gibts andere Ideen/Vorschläge hierzu?
Vielleicht etwas weniger Aufwand:
Die zusätzlichen Spalten nach dem Klonen *nicht* entfernen, sondern den overflow-Container der ersten Tabelle in x-Richtung auf overflow:hidden stellen und nur so breit machen, wie die erste Spalte breit ist;
und die zweite Tabelle mit negativem Margin oder Positionierung so ausrichten, dass die erste Spalte "verschwindet".
Das hatte ich auch schon, hat aber in manchen Clients den Nachteil, dass man trotzdem "scrollen" kann, wenn man das Mousewheel klickt und somit scrollt - aber das wäre ggf. zu vernachlässigen.
overflow: hidden müss natürlich gesetzt sein, sonst sieht das mit dem Scrollbar komisch aus, aber hier wird sowieso eine JavaScript-Lösung eingesetzt, dass man die Spalten "spaltenweise" durchblättern kann.