Comment ajouter des bordures à un tableau en Markdown ?

2024-08-05

Version courte

Markdown ne prend pas en charge les bordures de tableau directement ; utilisez plutôt HTML :

<table>
<tr>
<th>Nom</th>
<th>Âge</th>
<th>Emplacement</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>États-Unis</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Canada</td>
</tr>
</table>

Version longue

1. Comprendre les limitations de Markdown

Markdown lui-même n’a pas de support natif pour ajouter des bordures aux tableaux. Cependant, il offre un moyen de créer des tableaux simples en utilisant des barres verticales et des tirets pour les colonnes et les lignes.

2. Utiliser HTML pour les tableaux avec bordures

Si des bordures sont nécessaires, vous pouvez utiliser du HTML standard au lieu de la syntaxe Markdown. Voici comment :

<table>
<tr>
<th>Nom</th>
<th>Âge</th>
<th>Emplacement</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>États-Unis</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Canada</td>
</tr>
</table>

Cela rendra un tableau avec des bordures, peu importe le moteur de rendu Markdown.

3. Styliser les bordures avec CSS

Si vous intégrez Markdown dans une page web, vous pouvez styliser les bordures de tableau en utilisant CSS. Utilisez la règle CSS suivante pour ajouter des bordures à tous les tableaux :

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

Ajouter ce CSS améliorera l'aspect visuel du tableau Markdown lorsqu'il est rendu dans un environnement Web.