Tabellen-Generator

So funktioniert’s

1. Klicken Sie in eine Zelle und tragen Sie Ihre Tabellendaten ein.
2. Aktivieren Sie „Erste Zeile ist Kopfzeile“, wenn die erste Zeile Spaltenüberschriften enthält.
3. Wechseln Sie zu „HTML“.
4. Wählen Sie unter „Stile“ die Option „Keine“, wenn Sie nur den HTML-Code ohne zusätzliche Gestaltung benötigen.
5. Kopieren Sie den erzeugten Code aus dem Codefeld in Ihre Webseite.

Beispiele

| Tag | Öffnungszeiten |
| --- | --- |
| Montag bis Freitag | 09:00–18:00 Uhr |
| Samstag | 10:00–14:00 Uhr |

<table style="border-collapse:collapse">
  <thead>
    <tr>
      <th style="border:1px solid #d0d7de;padding:6px 12px;background:#f6f8fa;font-weight:600">Tag</th>
      <th style="border:1px solid #d0d7de;padding:6px 12px;background:#f6f8fa;font-weight:600">Öffnungszeiten</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="border:1px solid #d0d7de;padding:6px 12px">Montag bis Freitag</td>
      <td style="border:1px solid #d0d7de;padding:6px 12px">09:00–18:00 Uhr</td>
    </tr>
    <tr>
      <td style="border:1px solid #d0d7de;padding:6px 12px">Samstag</td>
      <td style="border:1px solid #d0d7de;padding:6px 12px">10:00–14:00 Uhr</td>
    </tr>
  </tbody>
</table>

| Aufgabe | Zuständig | Aufwand |
| :-- | :-: | --: |
| Angebot prüfen | Frau Weber | 2 Stunden |
| Entwurf freigeben | Herr Yılmaz | 30 Minuten |

| Aufgabe           |  Zuständig  |    Aufwand |
| :---------------- | :---------: | ---------: |
| Angebot prüfen    | Frau Weber  |  2 Stunden |
| Entwurf freigeben | Herr Yılmaz | 30 Minuten |

| Artikel | Rabatt | Lieferant |
| --- | ---: | --- |
| Ordner_A4 | 10% | Müller & Sohn |
| Notizbuch_A5 | 5% | Papier & Co. |

% requires \usepackage{booktabs}
\begin{table}[h]
  \centering
  \begin{tabular}{lrl}
    \toprule
    Artikel & Rabatt & Lieferant \\
    \midrule
    Ordner\_A4 & 10\% & Müller \& Sohn \\
    Notizbuch\_A5 & 5\% & Papier \& Co. \\
    \bottomrule
  \end{tabular}
  \caption{Rabatte im Oktober}
\end{table}

Tabellensyntax nach Format

Markdown (GitHub). Zellen werden durch senkrechte Striche getrennt, und die zweite Zeile muss eine Trennzeile wie | --- | --- | sein. Doppelpunkte legen die Ausrichtung fest: :-- links, :-: zentriert, --: rechts. Einen literalen senkrechten Strich schreibt man als \|, einen Zeilenumbruch in einer Zelle als <br>. Die Tabelle lässt sich im Markdown Viewer & Editor als vollständiges Dokument ansehen.

| Name  | Score |
| ----- | ----: |
| Alice |    92 |

HTML. Eine <table> mit der Kopfzeile in <thead> als <th>-Zellen und den Daten in <tbody>. Für Webseiten einen CSS-Block wählen, für E-Mails Inline-Styles, da <style> dort oft entfernt wird.

<table>
  <thead><tr><th>Name</th><th>Score</th></tr></thead>
  <tbody><tr><td>Alice</td><td>92</td></tr></tbody>
</table>

CSV / TSV. Eine Zeile pro Datensatz, Felder getrennt durch Komma, Semikolon, Tab oder senkrechten Strich. Ein Feld, das das Trennzeichen, ein Anführungszeichen oder einen Zeilenumbruch enthält, wird in doppelte Anführungszeichen gesetzt; Anführungszeichen darin werden verdoppelt. Lieber JSON? Dafür gibt es CSV in JSON umwandeln.

Name,Note
Alice,"Admin, ""owner"""

LaTeX. Eine tabular-Umgebung: Die Spaltendefinition (l, c, r) legt die Ausrichtung fest, & trennt Zellen und \\ beendet eine Zeile. Die Zeichen & % $ # _ { } ~ ^ \ müssen maskiert werden. Der Booktabs-Stil benötigt \usepackage{booktabs}; die anderen Stile kommen ohne zusätzliche Pakete aus.

\begin{tabular}{|l|r|}
  \hline
  Name & Score \\
  \hline
  Alice & 92 \\
  \hline
\end{tabular}

MediaWiki. Die Tabelle beginnt mit {| und endet mit |}; |- beginnt eine Zeile, ! kennzeichnet Kopfzellen und | Datenzellen, mit !! bzw. || zwischen Zellen in derselben Zeile.

{| class="wikitable"
|-
! Name !! Score
|-
| Alice || 92
|}

Text. Eine Klartexttabelle für Codekommentare, README-Dateien und Terminals: ASCII-Rahmen (+---+), Unicode-Rahmenlinien oder ein kompaktes Layout mit durch Leerzeichen getrennten Spalten. Breite Zeichen wie Chinesisch oder Emoji zählen als zwei Spalten, damit die Rahmen bündig bleiben.

+-------+-------+
| Name  | Score |
+-------+-------+
| Alice | 92    |
+-------+-------+