CSV-Daten einfügen, eine ansprechende HTML-Tabelle erhalten — sofort
Daten einfügen oder .csv-Datei hochladen
Gerenderte Tabelle ansehen, Stile umschalten
Sauberen HTML-Code erhalten, einbettbereit
CSV-Daten links einfügen, um Ihre Tabelle hier zu sehen
CSV (Comma-Separated Values) ist das universellste Datenaustauschformat überhaupt. Definiert durch RFC 4180, speichert eine CSV-Datei tabellarische Daten als reinen Text — eine Zeile pro Datensatz, mit Kommas als Feldtrennzeichen. Seine Einfachheit ist seine Stärke: CSV-Dateien können von Excel, Google Sheets, Python pandas, R, SQL-Datenbanken und praktisch jedem jemals erstellten Datenwerkzeug geöffnet werden. Das Format stammt aus den frühesten Tagen der Informatik (1972, im IBM Fortran-Compiler) und bleibt auch 2026 die Lingua franca des Datenaustauschs.
Kommas innerhalb von Feldern. Wenn ein Datenfeld selbst ein Komma enthält (wie „San Francisco, CA"), muss das Feld in doppelte Anführungszeichen gesetzt werden. Dies ist die Hauptursache für fehlerhaftes CSV-Parsing. Die Papa-Parse-Engine dieses Tools verarbeitet RFC-4180-konforme Quotierung automatisch.
Zeilenumbrüche in quotierten Feldern. Einige CSV-Exporte enthalten Zeilenumbrüche innerhalb quotierter Zellen (häufig bei Adressfeldern oder mehrzeiligen Beschreibungen). Standardmäßiges zeilenweises Parsing scheitert hier — Papa Parse verarbeitet dies korrekt.
Kodierungsprobleme. CSV-Dateien aus Excel können Windows-1252-Kodierung anstelle von UTF-8 verwenden, wodurch Sonderzeichen als Kauderwelsch dargestellt werden. Für beste Ergebnisse speichern Sie Ihre CSV-Datei vor der Konvertierung als UTF-8.
Europäisches CSV-Format. In vielen europäischen Ländern werden Kommas als Dezimaltrennzeichen verwendet (z. B. 12,50 €). Daher verwendet europäisches CSV häufig Semikolons (;) als Feldtrennzeichen anstelle von Kommas. Verwenden Sie die Trennzeichenauswahl oben, falls die automatische Erkennung nicht funktioniert.
| Praxis | Warum es wichtig ist | Dieses Tool |
|---|---|---|
| <thead> und <tbody> verwenden | Trennt Kopfzeile semantisch von den Daten; ermöglicht fixierte Kopfzeilen und unabhängiges Scrollen | ✅ Automatisch aus erster Zeile erkannt |
| Scope-Attribute hinzufügen | Macht Tabellen für Screenreader zugänglich | ✅ scope="col" zu allen <th> hinzugefügt |
| Responsive-Wrapper einbinden | Verhindert, dass Tabellen mobile Layouts zerstören | ✅ overflow-x:auto-Wrapper enthalten |
| Zeilen streifen für Lesbarkeit | Abwechselnde Zeilenfarben helfen dem Auge, breite Tabellen zu verfolgen | ✅ Bei Bedarf ein-/ausschaltbar |
| Leere Kopfzeilen vermeiden | Leere <th>-Elemente verwirren Barrierefreiheitswerkzeuge | ✅ Füllt leere Kopfzeilen automatisch mit „Spalte N" |
CSV ist der Standard — verwenden Sie es, wenn Ihre Daten hauptsächlich Zahlen, kurze Texte und keine Kommas in Feldern enthalten. Es wird überall unterstützt. TSV (tabulatorgetrennt) wird bevorzugt für Daten mit Kommas (Adressen, Freitextbeschreibungen, Währungsbeträge), da Tabulatorzeichen selten in benutzereingegebenen Texten vorkommen. Excel (.xlsx) eignet sich am besten, wenn Sie Formatierung, Formeln, mehrere Blätter oder Datenvalidierung benötigen — es ist jedoch ein proprietäres Binärformat, kein reiner Text. Im Zweifelsfall exportieren Sie als CSV oder TSV und konvertieren Sie hier zu HTML.
Fügen Sie Ihre CSV-Daten in das linke Feld ein oder klicken Sie auf CSV hochladen, um eine Datei zu laden. Der Konverter erkennt automatisch Trennzeichen und Kopfzeilen. Wechseln Sie zwischen dem Tab Tabellenvorschau (um die gerenderte Tabelle zu sehen) und dem Tab HTML-Code (um den Quellcode zu kopieren). Schalten Sie die Styling-Optionen oberhalb der Ausgabe um.
Komma (Standard-CSV), Tabulator (TSV-Dateien) und Semikolon (üblich in europäischen CSV-Dateien). Der Konverter erkennt automatisch, welches Trennzeichen Ihre Daten verwenden. Sie können das Trennzeichen bei Bedarf auch manuell aus dem Dropdown-Menü auswählen.
Ja. Schalten Sie gestreifte Zeilen für abwechselnde Zeilenfarben ein, Hover um Zeilen bei Mausberührung hervorzuheben, Rahmen für Zellenumrandungen und den kompakten Modus um den Abstand zu verringern. Der generierte HTML-Code enthält das gesamte CSS inline — keine externe Stylesheet-Datei erforderlich. Kopieren Sie den Code und fügen Sie ihn beliebig ein.
Der generierte Code umschließt die Tabelle mit einem <div> mit overflow-x:auto, das horizontales Scrollen auf schmalen Bildschirmen ermöglicht. Dies ist das einfachste und zuverlässigste responsive Tabellenmuster. Für erweiterte Layouts (wie das Umwandeln von Zeilen in Karten) fügen Sie nach dem Kopieren der Ausgabe Ihr eigenes CSS hinzu.
CSV verwendet Kommas als Feldtrennzeichen. TSV verwendet Tabulatorzeichen. TSV wird bevorzugt, wenn Ihre Daten Kommas enthalten — wie Adressen („San Francisco, CA") oder Währungsbeträge („1.234,56 $") — da Tabulatorzeichen selten in Datenfeldern vorkommen. Beide werden von diesem Konverter unterstützt.