Zum Inhalt springen
🛠️ToolsShed

CSV zu HTML-Tabellen-Generator

Konvertiert CSV-Daten in eine HTML-Tabelle mit Live-Vorschau. Optionen für Styling, Kopfzeilen und CSS-Klassen.

Über dieses Tool

CSV (Durch Kommas getrennte Werte) ist eines der universellsten Datenformate zum Speichern und Austausch von tabellarischen Informationen. Das Konvertieren von CSV in HTML-Tabellen ist für Webentwickler, Content-Ersteller und Datenanalysten unerlässlich, die strukturierte Daten auf Websites, in E-Mails oder in Dokumentationen anzeigen müssen, ohne HTML-Markup manuell einzugeben. Eine HTML-Tabelle bietet angemessene semantische Struktur, Barrierefreiheitsunterstützung und Styling-Flexibilität, die rohes CSV einfach nicht bieten kann.

Um diesen Generator zu verwenden, fügen Sie Ihre CSV-Daten in das Eingabefeld ein und das Tool erstellt sofort gültiges HTML-Tabellen-Markup mit anpassbaren Optionen. Sie können angeben, ob die erste Zeile als Kopfzeilen behandelt werden soll, CSS-Klassen zum Gestalten hinzufügen und die Tabellenstruktur steuern. Dies ist besonders nützlich beim Migrieren von Daten aus Tabellenkalkulations-Programmen auf Webseiten, beim Einbetten von Daten in Dokumentation oder beim Vorbereiten von Inhalten für E-Mail-Newsletter, die saubere HTML-Formatierung erfordern. Die Live-Vorschau zeigt genau, wie Ihre Tabelle dargestellt wird, bevor Sie den Code kopieren.

Der Generator funktioniert vollständig in Ihrem Browser ohne erforderliche Server-Uploads und gewährleistet Ihre Datenschutz. Sie können das generierte HTML direkt in Ihre Website, Ihr CMS oder Ihre E-Mail-Vorlage kopieren. Egal, ob Sie ein Entwickler sind, der Daten-Workflows automatisiert, ein Vermarkter, der E-Mail-Kampagnen mit Datentabellen vorbereitet, oder ein Geschäftsanalyst, der Berichte freigeben, dieses Tool beseitigt die mühsame Arbeit der manuellen Kodierung von HTML-Tabellen und garantiert jedes Mal eine konsistente, ordnungsgemäß formatierte Ausgabe.

Häufig gestellte Fragen

Code-Implementierung

import csv
import io

def csv_to_html_table(csv_text, has_header=True, bordered=True):
    reader = csv.reader(io.StringIO(csv_text.strip()))
    rows = list(reader)
    if not rows:
        return ""

    style = ""
    if bordered:
        style = "<style>table{border-collapse:collapse}th,td{border:1px solid #ddd;padding:8px}th{background:#4f46e5;color:#fff}</style>\n"

    html = [style + '<table class="table">']
    start = 0
    if has_header:
        html.append("  <thead><tr>")
        for cell in rows[0]:
            html.append(f"    <th>{cell}</th>")
        html.append("  </tr></thead>")
        start = 1

    html.append("  <tbody>")
    for row in rows[start:]:
        html.append("  <tr>")
        for cell in row:
            html.append(f"    <td>{cell}</td>")
        html.append("  </tr>")
    html.append("  </tbody>")
    html.append("</table>")
    return "\n".join(html)

csv_data = """Name,Age,City
Alice,30,New York
Bob,25,London
Carol,35,Tokyo"""

print(csv_to_html_table(csv_data))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.