Inhalt

Wie man eine Tabelle in Markdown erstellt

Müssen Sie Ihre Informationen auf eine praktische Art und Weise formatieren? Lassen Sie uns herausfinden, wie Sie eine Tabelle in einem Markdown-Dokument leicht und einfach erstellen können. Schauen wir uns nützliche Tools und professionelle Techniken an.

Intro

Beginnen wir damit, herauszufinden, warum Tabellen in Markdown-Dokumenten benötigt werden, und schauen wir uns die bequemsten Möglichkeiten an, um schnell und einfach eine Tabelle in ein Markdown-Dokument einzufügen.

Tabellen werden häufig verwendet, um Informationen klar und übersichtlich zu organisieren und zu präsentieren. Sie können verwendet werden, um Daten anzuzeigen, verschiedene Werte zu vergleichen oder Beziehungen zwischen verschiedenen Informationen aufzuzeigen.

Die Verwendung von Tabellen kann auch dazu beitragen, dass Ihr Dokument optisch ansprechender und leichter zu lesen und zu verstehen ist, vor allem, wenn Sie eine große Menge an Informationen zu präsentieren haben.

Tabellen sind also immer nützlich, um Informationen so zu organisieren, dass sie auf einen Blick zu erfassen sind.

Syntax

Daher gibt es keine Syntax für die Erstellung von Tabellen in pure Markdown. Tabellen werden nur in bestimmten Versionen von Markdown unterstützt, z.B. in Markdown Extra oder GitHub Flavored Markdown.

Und hier finden Sie eine Dokumentation von GitHub über das Organisieren von Informationen in Tabellen. Unterstützung für Tabellen finden wir auch in extended syntax Markdown.

Tabelle erstellen

Der einfachste und schnellste Weg, eine Markdown-Tabelle zu erstellen, ist die Verwendung des Markdown Table Generator oder des AnyWayData Dienstes.

Mit diesen Tools können Sie schnell und einfach eine Tabelle mit einer schönen grafischen Oberfläche erstellen und dann den resultierenden Markdown-Text in Ihre Datei kopieren.

Andererseits ist die Syntax der Markdown-Sprache so einfach, dass Sie selbst Tabellen erstellen können. Sie verwendet pipe oder einen vertikalen Schrägstrich ( | ), um Zellen zu trennen und einen Bindestrich ( - ), um eine Kopfzeile zu erzeugen.

Hier ist ein einfaches Beispiel für Tabellencode:

1
2
3
4
5
| Column 1 | Column 2 | Column 3 |
|----------|----------|----------|
| Row 1    | Cell 2   | Cell 3   |
| Row 2    | Cell 5   | Cell 6   |
| Row 3    | Cell 8   | Cell 9   |

Dieser Code wird im fertigen Dokument in der folgenden Form angezeigt:

Column 1Column 2Column 3
Row 1Cell 2Cell 3
Row 2Cell 5Cell 6
Row 3Cell 8Cell 9

Beachten Sie, dass Sie, wenn Sie das Symbol der vertikalen Linie als Inhalt innerhalb einer Zelle verwenden möchten, HTML-Code für dieses Symbol schreiben müssen: |.

1
2
3
| Column 1 | Column 2 | Column 3 |
|----------|----------|----------|
| Row 1    | Cell 2   |👉 | |

Ergebnis:

Column 1Column 2Column 3
Row 1Cell 2👉 |

Ausrichtung

Sie können Doppelpunkte ( : ) verwenden, um die Ausrichtung des Textes in den Spalten der Tabelle zu steuern. Beachten Sie die Doppelpunkte in der Zeile mit den Bindestrichen. Der Text im Tabellencode ist überall nach links verschoben, aber im Ergebnis sehen Sie, dass er in der Richtung ausgerichtet ist, in der wir die Doppelpunkte gesetzt haben.

1
2
3
4
5
| Left-Aligned  | Center Aligned  | Right Aligned |
|:------------- |:---------------:| -------------:|
| Row 1         | Cell 2          | Cell 3        |
| Row 2         | Cell 5          | Cell 6        |
| Row 3         | Cell 8          | Cell 9        |

In der linken Spalte haben wir nur auf der linken Seite Doppelpunkte verwendet, so dass der Text in der gesamten Spalte nach links ausgerichtet ist. In der mittleren Spalte haben wir sowohl auf der linken als auch auf der rechten Seite Doppelpunkte verwendet, so dass der Text in dieser Spalte zentriert ist. Und in der rechten Spalte haben wir nur auf der rechten Seite Doppelpunkte gesetzt, so dass der gesamte Text rechtsbündig ist.

Left-AlignedCenter AlignedRight Aligned
Row 1Cell 2Cell 3
Row 2Cell 5Cell 6
Row 3Cell 8Cell 9

Innerhalb von Tabellen können wir auch einige der gewohnten Markdown-Formatierungen verwenden - Links, schräger, fetter oder durchgestrichener Text.

1
2
3
4
5
6
| Left-Aligned  | Center Aligned  | Right Aligned |
|:------------- |:---------------:| -------------:|
| Row 1         | **Bold**        | Cell 3        |
| Row 2         | *Italic*        | Cell 6        |
| Row 3         | ~~Strike~~      | Cell 9        |
| Row 3         | [Link](dot.com) | Cell 9        |

Eine Tabelle mit formatiertem Text darin:

Left-AlignedCenter AlignedRight Aligned
Row 1BoldCell 3
Row 2ItalicCell 6
Row 3StrikeCell 9
Row 3LinkCell 9

Allerdings können Sie innerhalb einer Markdown-Tabelle keine Überschriften, Anführungszeichen, Listen, horizontale Trennzeichen, Bilder oder die meisten anderen HTML-Tags verwenden.

Keine Kopfzeile

Manchmal ist es notwendig, eine Markdown-Tabelle ohne Kopfzeile zu erstellen.

Eine solch scheinbar einfache Aufgabe erfordert etwas Kreativität. Das liegt daran, dass die meisten Markdown-Parser keine Tabellen ohne Kopfzeile unterstützen. Das bedeutet, dass ein Header-Separator zwingend erforderlich ist.

Um eine Markdown-Tabelle ohne Kopfzeile zu erstellen, wenden Sie den folgenden Trick an. Da eine Kopfzeile ohnehin erforderlich ist, fügen Sie anstelle von Text einfach den speziellen HTML-Kommentarcode <!-- --> ein:

1
2
3
4
5
| <!-- -->      | <!-- -->        | <!-- -->      |
|:-------------:|:---------------:|:-------------:|
| Row 1         | **Bold**        | Cell 3        |
| Row 2         | *Italic*        | Cell 6        |
| Row 3         | ~~Strike~~      | Cell 9        |

Als Ergebnis erhalten wir eine Tabelle ohne Kopfzeile:

Row 1BoldCell 3
Row 2ItalicCell 6
Row 3StrikeCell 9

Beachten Sie, dass dies in den meisten Fällen funktioniert, aber einige Anwendungen können diesen Code dennoch falsch anzeigen. Auf StackOverflow gibt es eine Frage zu diesem Thema und ausführliche Antworten, die verschiedene Optionen zur Erstellung solcher Tabellen beschreiben.

Zusammenführen

Manchmal benötigen wir eine noch ausgefeiltere Tabellenformatierung, wenn wir mehrere Zellen in einer Tabelle kombinieren müssen. Zum Beispiel auf diese Weise:

Column 1Column 2Column 3
R1 TextR2 Text AR3 Text A
R3 Text B
R2 Text BR3 Text C
R3 Text D

Lassen Sie mich gleich vorweg sagen, dass praktisch keine Markdown-Implementierung dies mit Standardmitteln unmöglich kann. Denn laut Spezifikation: “wenn die Anzahl der Zellen in der Tabelle geringer ist als die Anzahl der Zellen in der Kopfzeile, dann leere Zellen einfügen. Wenn es mehr als das sind, dann wird Überschuss ignoriert”.

Die einzige Möglichkeit, eine solche Tabelle wie oben zu erstellen, besteht also in der Verwendung von reinem HTML-Code. Beispielcode für die obige Tabelle:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<table>
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
            <th>Column 3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan=4 align="center">R1 Text</td>
            <td rowspan=2 align="center">R2 Text A</td>
            <td align="center">R3 Text A</td>
        </tr>
        <tr>
            <td align="center">R3 Text B</td>
        </tr>
        <tr>
            <td rowspan=2 align="center">R2 Text B</td>
            <td align="center">R3 Text C</td>
        </tr>
        <tr>
            <td align="center">R3 Text D</td>
        </tr>
    </tbody>
</table>

Nützlich

Outro

Obwohl Tabellen ein praktisches Hilfsmittel für die Anzeige von Informationen in Markdown-Dokumenten sind, erlaubt Ihnen die Sprachsyntax selbst nur grundlegende Dinge bei der Erstellung von Tabellen in Dokumenten zu tun.

Wir haben uns diese grundlegenden Funktionen angesehen und gelernt, wie Sie schnell und einfach eine Tabelle in einem Markdown-Dokument erstellen können. Und für komplizierte Fälle haben wir immer noch den guten altmodischen HTML-Code.

Viel Erfolg!

😎