Wie füge ich einer Tabelle in Markdown Rahmen hinzu?

2024-08-05

Kurze Version

Markdown unterstützt keine Tabellenrahmen direkt; verwenden Sie stattdessen HTML:

<table>
<tr>
<th>Name</th>
<th>Alter</th>
<th>Standort</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>USA</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Kanada</td>
</tr>
</table>

Lange Version

1. Verständnis der Einschränkungen von Markdown

Markdown selbst hat keine native Unterstützung zum Hinzufügen von Rahmen zu Tabellen. Es bietet jedoch eine Möglichkeit, einfache Tabellen mit Pipes und Bindestrichen für Spalten und Zeilen zu erstellen.

2. Verwendung von HTML für Tabellen mit Rahmen

Wenn Rahmen benötigt werden, können Sie standardmäßiges HTML anstelle der Markdown-Syntax verwenden. Hier ist wie:

<table>
<tr>
<th>Name</th>
<th>Alter</th>
<th>Standort</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>USA</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Kanada</td>
</tr>
</table>

Dies wird eine Tabelle mit Rahmen rendern, unabhängig vom Markdown-Renderer.

3. Gestaltung von Rahmen mit CSS

Wenn Sie Markdown auf einer Webseite einbetten, können Sie Tabellenrahmen mit CSS gestalten. Verwenden Sie die folgende CSS-Regel, um Rahmen zu allen Tabellen hinzuzufügen:

table,
th,
td {
    border: 1px solid black;
    border-collapse: collapse;
}

Wenn Sie dieses CSS hinzufügen, wird der visuelle Aspekt der Markdown-Tabelle verbessert, wenn sie in einer Webumgebung gerendert wird.