VKT Toolkit · 28. August 2026 · 5 Min. Lesezeit

Verbundene Zellen beim Export von Web-Tabellen behandeln (rowspan/colspan-Anleitung)

Regierungsberichte, Finanzberichte, Stundenpläne — die nützlichsten Datentabellen im Web sind auch die komplexesten. Sie verwenden verbundene Zellen, um Kategorien zu gruppieren, Überschriften über Spalten zu erstrecken oder mehrstufige Layouts zu schaffen. Und wenn Sie versuchen, sie nach Excel zu kopieren, fällt alles auseinander.

Diese Anleitung erklärt, warum verbundene Zellen brechen, was rowspan und colspan eigentlich sind, und wie Sie sie korrekt exportieren — ohne manuelle Nacharbeit.

Was sind rowspan und colspan?

In HTML werden Tabellen mit <tr> (Zeilen), <td> (Datenzellen) und <th> (Kopfzellen) erstellt. Zwei Attribute steuern die Zellverbindung:

• rowspan="3" — diese Zelle erstreckt sich über 3 Zeilen vertikal;
• colspan="2" — diese Zelle erstreckt sich über 2 Spalten horizontal.

Hier ein typisches Beispiel aus einer Regierungs-Budgettabelle:

Die Überschrift „Department" erstreckt sich über 2 Zeilen; „Budget (USD)" über 2 Spalten. Das schafft eine saubere Hierarchie — aber genau das bricht beim Copy-Paste.

Warum verbundene Zellen beim Copy-Paste brechen

Wenn Sie diese Tabelle im Browser auswählen und Strg+C drücken, sendet der Browser rohes HTML an die Zwischenablage. Excel empfängt es und versucht, HTML-Zellen auf Tabellenzellen abzubilden. Das Problem:

• rowspan-Zellen — Excel fügt den Wert möglicherweise nur in der ersten Zeile ein und lässt die erste Zelle der nächsten Zeile leer. Ihr „Education"-Label verschwindet aus der zweiten Datenzeile;
• colspan-Zellen — Excel schiebt die verbundene Überschrift möglicherweise in eine Zelle, lässt aber die benachbarten Zellen leer und verschiebt alle nachfolgenden Spalten nach rechts;
• Mehrstufige Überschriften — Tabellen mit 2-3 Kopfzeilen, die sowohl rowspan als auch colspan verwenden, erzeugen völlig unleserliche Ausgaben;
• Verschachtelte Tabellen — manche Seiten platzieren Tabellen innerhalb von Tabellenzellen. Copy-Paste behandelt sie als eine flache Tabelle und zerstört die Struktur.

Ergebnis: 30 Minuten manuelle Nacharbeit für eine Tabelle, die 2 Sekunden zum Anzeigen brauchte.

Die Lösung: Die HTML-Struktur lesen, nicht die gerenderte Kopie

Das grundlegende Problem ist, dass Copy-Paste auf der gerenderten Ausgabe arbeitet. Um verbundene Zellen korrekt zu erhalten, benötigen Sie ein Tool, das die zugrunde liegenden HTML-Attribute liest — die tatsächlichen rowspan- und colspan-Werte — und das Raster mathematisch rekonstruiert, bevor es exportiert.

Genau das tut VKT TableGrab:

1. Es scannt die Seite nach allen <table>-Elementen;
2. Für jede Zelle liest es die rowspan- und colspan-Attribute;
3. Es erstellt ein 2D-Raster und füllt verbundene Werte über alle verbundenen Zellen;
4. Es exportiert das Raster als korrekt strukturierte CSV.

Das Ergebnis: „Education" erscheint in jeder Zeile, in der es erscheinen soll, „Budget (USD)" erstreckt sich korrekt als Überschrift, und alle Spalten sind ausgerichtet.

So verwenden Sie TableGrab für Tabellen mit verbundenen Zellen

1. Installieren Sie aus dem Chrome Web Store oder Edge Add-ons;
2. Öffnen Sie die Seite mit der komplexen Tabelle;
3. Klicken Sie auf das TableGrab-Symbol — es erkennt automatisch alle Tabellen;
4. Fahren Sie mit der Maus über eine Tabelle in der Liste, um sie auf der Seite hervorzuheben;
5. Klicken Sie auf Exportieren — die CSV-Datei wird heruntergeladen, mit korrekt rekonstruierten verbundenen Zellen.

Keine DevTools, keine Skripte, keine manuelle Nacharbeit. Die kostenlose Stufe verarbeitet bis zu 5 Tabellen pro Seite — mehr als genug für die meisten Berichte.

FAQ

Weitere Anleitungen im VKT-Blog; Fragen an [email protected].