Hoe voeg ik randen toe aan een tabel in Markdown?

2024-08-05

Korte versie

Markdown ondersteunt geen tabelranden direct; gebruik in plaats daarvan HTML:

<table>
<tr>
<th>Naam</th>
<th>Leeftijd</th>
<th>Locatie</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>VS</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Canada</td>
</tr>
</table>

Lange versie

1. Begrijpen van de Beperkingen van Markdown

Markdown zelf heeft geen native ondersteuning voor het toevoegen van randen aan tabellen. Het biedt echter een manier om eenvoudige tabellen te maken met behulp van pijpen en streepjes voor kolommen en rijen.

2. Gebruik HTML voor Tabellen met Randen

Als randen nodig zijn, kunt u standaard HTML gebruiken in plaats van Markdown-syntaxis. Hier is hoe:

<table>
<tr>
<th>Naam</th>
<th>Leeftijd</th>
<th>Locatie</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>VS</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Canada</td>
</tr>
</table>

Dit zal een tabel met randen weergeven, ongeacht de Markdown-renderer.

3. Stylen van Randen met CSS

Als u Markdown in een webpagina insluit, kunt u de tabelranden stijlen met CSS. Gebruik de volgende CSS-regel om randen aan alle tabellen toe te voegen:

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

Deze CSS toevoegen zal het visuele aspect van de Markdown-tabel verbeteren wanneer deze in een webomgeving wordt weergegeven.