CSV-Text in eine HTML-Tabelle umwandeln

Wofür die Umwandlung geeignet ist

Der CSV-zu-Tabelle-Konverter nimmt bereitgestellten CSV-Text entgegen und erzeugt daraus eine HTML-Tabelle. Damit lässt sich eine einfache tabellarische Struktur für die weitere Verwendung in HTML vorbereiten, ohne den Inhalt zunächst in eine andere Form zu übertragen. Entscheidend ist, dass Sie den Text direkt in das Eingabefeld einfügen und anschließend festlegen, wie die erste eingelesene Zeile behandelt werden soll.

Die erste Zeile kann als Tabellenkopf dienen, wenn sie beispielsweise Bezeichnungen wie „Name“ oder „Ort“ enthält. Enthält sie dagegen bereits einen Datensatz, sollte die Überschriftenoption ausgeschaltet werden. Zusätzlich können Sie einen eigenen Wert für die Tabellenklasse angeben. So passen Sie die erzeugte Tabelle an die vorgesehene Einbindung an, während die eigentlichen Zellinhalte aus Ihrem CSV-Text übernommen werden.

Für eine verlässliche Einordnung der Ausgabe sind die angezeigten Zeilen- und Spaltenzahlen wichtig. Bei einer nicht leeren Eingabe richtet sich die Spaltenzahl nach der längsten eingelesenen Zeile. Die Zeilenzahl kann geringer ausfallen, wenn die erste Zeile als Kopfzeile verwendet wird.

CSV-Text Schritt für Schritt in HTML übertragen

1. Fügen Sie den vollständigen CSV-Text in das vorgesehene Eingabefeld ein. Achten Sie darauf, dass die Zeilen und Felder in der Reihenfolge enthalten sind, in der sie später in der Tabelle erscheinen sollen. Eine leere oder nur aus Leerraum bestehende Eingabe wird gesondert behandelt und erzeugt keine Tabellenzeilen.

2. Prüfen Sie die Einstellung für die erste Zeile. Sie ist standardmäßig aktiviert. In diesem Zustand wird die erste eingelesene Zeile als Tabellenkopf ausgegeben, während die folgenden Zeilen den Tabellenkörper bilden. Schalten Sie die Einstellung aus, wenn sämtliche eingelesenen Zeilen als normale Körperzeilen erscheinen sollen.

3. Legen Sie bei Bedarf einen eigenen Wert für die Tabellenklasse fest. Wenn Sie keine eigene Angabe machen, wird die voreingestellte Tabellenklasse verwendet. Der von Ihnen angegebene Klassenwert wird vor dem Einfügen in die HTML-Ausgabe maskiert. Das Gleiche gilt für den Text aus den einzelnen Zellen, sodass Sonderzeichen nicht unverändert in die erzeugte Tabellenstruktur eingesetzt werden.

4. Starten Sie die Verarbeitung mit der dafür vorgesehenen Bedienmöglichkeit. Danach erhalten Sie eine aus dem eingegebenen CSV-Text erzeugte HTML-Tabelle. Kontrollieren Sie zunächst, ob die erste Zeile tatsächlich als Kopfzeile gedacht ist, und vergleichen Sie anschließend die dargestellte Struktur mit der Feldaufteilung Ihrer Eingabe.

5. Wenn die erste Zeile Daten und keine Bezeichnungen enthält, wiederholen Sie die Verarbeitung mit deaktivierter Überschriftenoption. Soll eine Kopfzeile erscheinen, lassen Sie die Einstellung eingeschaltet und platzieren Sie die Bezeichnungen an der ersten Stelle des CSV-Textes. Eine Änderung der Tabellenklasse ist nur nötig, wenn der ausgegebene Tabellenwert in eine bestimmte HTML-Struktur eingeordnet werden soll.

6. Bei einer Eingabe ohne sichtbaren Inhalt müssen Sie keine Kopfzeileneinstellung korrigieren. Das Ergebnis bleibt in diesem Fall ein leeres HTML-Ergebnis und weist null Zeilen sowie null Spalten aus. Tritt während der eigentlichen Verarbeitung ein Fehler auf, wird ebenfalls ein leeres HTML-Ergebnis mit null Zeilen und null Spalten zurückgegeben, ergänzt um eine Fehlerangabe.

Ausgabe, Zählwerte und Abweichungen verstehen

Bei nicht leerem CSV-Text beschreibt die Zeilenzahl die ausgegebenen Körperzeilen, sofern die Überschriftenoption eingeschaltet ist. Die erste eingelesene Zeile wird dann als Tabellenkopf behandelt und nicht zur Zahl der Körperzeilen gerechnet. Ist die Option ausgeschaltet, werden alle eingelesenen Zeilen als Körperzeilen behandelt, sodass die Zählung anders ausfallen kann.

Die Spaltenzahl entspricht der höchsten Feldanzahl, die in einer eingelesenen Zeile vorkommt. Eine kürzere Körperzeile wird bis zu dieser Breite mit leeren Zellen ergänzt. Eine kürzere Kopfzeile erhält diese Ergänzung dagegen nicht. Wenn die Struktur unerwartet wirkt, vergleichen Sie deshalb nicht nur die sichtbaren Werte, sondern auch die längste Zeile und die Position der ersten Zeile.

Die Ausgabe enthält die aus dem CSV-Text erzeugte Tabellenstruktur; der Zelltext und der angegebene Tabellenklassenwert werden dabei für HTML maskiert. Eine leere Eingabe ist von der Fehlerbehandlung der eigentlichen Verarbeitung zu unterscheiden, weil die Prüfung auf fehlenden Inhalt vorher erfolgt. Bei einem Fehler innerhalb der Verarbeitung sehen Sie ein leeres Ergebnis, null bei beiden Zählwerten und eine zugehörige Fehlerangabe.

Diese Angaben helfen bei der Kontrolle, ersetzen aber keine Prüfung Ihrer Ausgangsdaten. Besonders wichtig ist die bewusste Entscheidung, ob die erste Zeile Überschriften oder bereits einen Datensatz enthält. Ebenso sollten Sie unterschiedlich lange Zeilen vor der Umwandlung prüfen, wenn eine einheitliche Tabellenbreite erwartet wird.

Praktisches Beispiel

Sie möchten eine kleine Namens- und Ortsliste für die Einbindung in eine HTML-Tabelle vorbereiten.

Fügen Sie „Name,Ort“ und „Anna,Berlin“ als CSV-Text ein, lassen Sie die Überschriftenoption aktiviert und starten Sie die Verarbeitung.

Eine HTML-Tabelle mit einer Kopfzeile und einer Datenzeile; die Ausgabe weist eine Zeilenzahl von 1 und eine Spaltenzahl von 2 aus.

Einschränkungen

• Beschrieben ist die Umwandlung von bereitgestelltem CSV-Text in eine HTML-Tabelle, nicht die Verarbeitung beliebiger Dateiformate oder eine Rückumwandlung in CSV.

Häufige Fehler

• Erscheint der erste Datensatz als Kopfzeile oder fällt die Zahl der Körperzeilen um eins niedriger aus, ist wahrscheinlich die Überschriftenoption aktiviert; schalten Sie sie aus, wenn die erste Zeile als normale Datenzeile ausgegeben werden soll.

Häufige Fragen

Was geschieht bei einer leeren CSV-Eingabe?

Bei einer leeren oder ausschließlich aus Leerraum bestehenden Eingabe entsteht ein leeres HTML-Ergebnis mit null Zeilen und null Spalten.

Welche Rolle hat die erste CSV-Zeile?

Ist die Überschriftenoption aktiviert, wird die erste eingelesene Zeile als Tabellenkopf ausgegeben; bei ausgeschalteter Option werden sämtliche eingelesenen Zeilen dem Tabellenkörper zugeordnet.

Weshalb können Zeilen unterschiedlich breit wirken?

Die Spaltenzahl folgt der längsten eingelesenen Zeile, während kürzere Körperzeilen leere Zellen bis zu dieser Breite erhalten; eine kürzere Kopfzeile wird nicht aufgefüllt.