Markdown: Table

Table#


Classic syntax#

To define a table, use the following rules:

  • Separate columns with vertical bars (|)
  • Insert vertical bars (|) at both ends of the table
  • Separate column title with its content, with a demarcation line containing at least 3 hyphens characters (-)
MarkdownHTMLRendering
| Variable | Value | Description |
| -------- | ----- | ----------- |
| A        | 1     | Integer     |
| B        | 2     |             |
<table> <thead> <tr> <th>Variable</th> <th>Value</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>A</td> <td>1</td> <td>Integer</td> </tr> <tr> <td>B</td> <td>2</td> <td></td> </tr> </tbody> </table>
VariableValueDescription
A1Integer
B2
|Variable|Value|Description|
|---|---|---|
|A|1|Integer|
|B|2||
<table> <thead> <tr> <th>Variable</th> <th>Value</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>A</td> <td>1</td> <td>Integer</td> </tr> <tr> <td>B</td> <td>2</td> <td></td> </tr> </tbody> </table>
VariableValueDescription
A1Integer
B2

To easily create tables, it is possible to use online table generators such as Markdown Tables Generator in order to directly get the table markdown code.
Warning, it is possible to format the text of an array using emphasis, link or code fragment. However, it is not possible to use more complex syntaxes such as code block, title, list, image or horizontal rule.

Alignment#

To align a column content, add a colon character (:) to the hyphens of the demarcation line on the desired alignment side (on both sides to make the content centered).

MarkdownHTMLRendering
| Variable | Value | Description |
| :------- | :----: | ----------: |
| A        | 1      | Integer     |
| B        | 2      |             |
<table> <thead> <tr> <th align="left">Variable</th> <th align="center">Value</th> <th align="right">Description</th> </tr> </thead> <tbody> <tr> <td align="left">A</td> <td align="center">1</td> <td align="right">Integer</td> </tr> <tr> <td align="left">B</td> <td align="center">2</td> <td align="right"></td> </tr> </tbody> </table>
VariableValueDescription
A1Integer
B2
|Variable|Value|Description|
|:---|:---:|---:|
|A|1|Integer|
|B|2||
<table> <thead> <tr> <th align="left">Variable</th> <th align="center">Value</th> <th align="right">Description</th> </tr> </thead> <tbody> <tr> <td align="left">A</td> <td align="center">1</td> <td align="right">Integer</td> </tr> <tr> <td align="left">B</td> <td align="center">2</td> <td align="right"></td> </tr> </tbody> </table>
VariableValueDescription
A1Integer
B2