Markdown: Tableau

Tableau#

Syntaxe classique#

Pour définir un tableau, il faut respecter les règles suivantes:

  • Séparer les colonnes par des barres verticales (|)
  • Insérer des barres verticales (|) aux deux extrémités du tableau
  • Séparer le titre d’une colonne avec son contenu, par une ligne de démarcation contenant au minimum 3 caractères traits d’union (-)
MarkdownHTMLRendu
| Variable | Valeur | Description |
| -------- | ------ | ----------- |
| A        | 1      | Entier      |
| B        | 2      |             |
<table> <thead> <tr> <th>Variable</th> <th>Valeur</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>A</td> <td>1</td> <td>Entier</td> </tr> <tr> <td>B</td> <td>2</td> <td></td> </tr> </tbody> </table>
VariableValeurDescription
A1Entier
B2
|Variable|Valeur|Description|
|---|---|---|
|A|1|Entier|
|B|2||
<table> <thead> <tr> <th>Variable</th> <th>Valeur</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>A</td> <td>1</td> <td>Entier</td> </tr> <tr> <td>B</td> <td>2</td> <td></td> </tr> </tbody> </table>
VariableValeurDescription
A1Entier
B2

Pour créer plus facilement des tableaux, il est possible d’utiliser des générateurs de tableaux en ligne tel que Markdown Tables Generator afin d’obtenir directement le code markdown associé à un tableau.
Attention, il est possible de formater le texte d’un tableau en utilisant l’accentuation, le lien ou le fragment de code. Néanmoins il n’est pas possible d’utiliser des syntaxes plus complexes telles que le bloc de code, le titre, la liste, l’image ou la séparation horizontale.

Alignement#

Pour aligner le contenu d’une colonne, il faut ajouter un caractère double point (:) au traits d’union de la ligne de démarcation du côté souhaité de l’alignement (des deux côtés pour centrer le contenu).

MarkdownHTMLRendu
| Variable | Valeur | Description |
| :------- | :----: | ----------: |
| A        | 1      | Entier      |
| B        | 2      |             |
<table> <thead> <tr> <th align="left">Variable</th> <th align="center">Valeur</th> <th align="right">Description</th> </tr> </thead> <tbody> <tr> <td align="left">A</td> <td align="center">1</td> <td align="right">Entier</td> </tr> <tr> <td align="left">B</td> <td align="center">2</td> <td align="right"></td> </tr> </tbody> </table>
VariableValeurDescription
A1Entier
B2
|Variable|Valeur|Description|
|:---|:---:|---:|
|A|1|Entier|
|B|2||
<table> <thead> <tr> <th align="left">Variable</th> <th align="center">Valeur</th> <th align="right">Description</th> </tr> </thead> <tbody> <tr> <td align="left">A</td> <td align="center">1</td> <td align="right">Entier</td> </tr> <tr> <td align="left">B</td> <td align="center">2</td> <td align="right"></td> </tr> </tbody> </table>
VariableValeurDescription
A1Entier
B2