Entwicklerwerkzeuge

HTML-Tabellengenerator — Editor und Vorschau

HTML-Tabellen mit Überschrift, Spaltenköpfen und bearbeitbaren Zellen erstellen. Tabellendaten einfügen und HTML/CSS exportieren.

HTML-Tabellengenerator — Editor und Vorschau

KOSTENLOS

Zeilen, einschließlich Kopfzeile (1–20)Spalten (1–12)

TabellenüberschriftErste Zeile als Spaltenüberschriften

Tabellenzellen einfügen (TSV)

Vorschau

A	B	C
1	2	3
4	5	6

Erzeugter Code

<style>
.table-scroll { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; }
caption { text-align: left; font-weight: bold; padding: 0.75rem; }
th, td { border: 1px solid #cbd5e1; padding: 0.75rem; text-align: left; white-space: pre-wrap; }
th { background: #eff6ff; }
tbody tr:nth-child(even) { background: #f8fafc; }
</style>
<div class="table-scroll">
<table>
  <thead>
    <tr><th scope="col">A</th><th scope="col">B</th><th scope="col">C</th></tr>
  </thead>
  <tbody>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>4</td><td>5</td><td>6</td></tr>
  </tbody>
</table>
</div>

Zellen enthalten Klartext; HTML-Zeichen werden maskiert. Der Export enthält HTML und responsives CSS.

Beispiel

Eine Vergleichstabelle mit drei Spalten erstellen und die erste Zeile als Spaltenüberschriften verwenden.

Hinweise und Grenzen

Bis zu 20 Zeilen und 12 Spalten; Klartext und eine Kopfzeile. Keine verbundenen Zellen oder verschachtelten HTML-Inhalte.

Funktioniert die Tabelle auf Mobilgeräten?

Der exportierte Container ermöglicht horizontales Scrollen, damit Spalten lesbar bleiben. Mit den CSS-Regeln der eigenen Website prüfen.

Referenz

W3C WAI — Tables with one header

HTML-Tabellengenerator — Editor und Vorschau

HTML-Tabellengenerator — Editor und Vorschau

Vorschau

Beispiel

Hinweise und Grenzen

Ähnliche Werkzeuge

Praktische Anleitungen

Funktioniert die Tabelle auf Mobilgeräten?

Referenz