Markdown: Tabelas

Tabelas#


Sintaxe clássica#

Para definir uma tabela, use as seguintes regras:

  • Separe colunas com barras verticais (|)
  • Insira barras verticais (|) em ao início e fim da tabela
  • Separe o título das colunas do conteúdo com uma linha de demarcação contendo pelo menos três traços (-)
Markdown HTML Renderização
| Variável | Valor | Descrição |
| -------- | ----- | ----------- |
| A        | 1     | Inteiro     |
| B        | 2     |             |
<table> <thead> <tr> <th>Variável</th> <th>Valor</th> <th>Descrição</th> </tr> </thead> <tbody> <tr> <td>A</td> <td>1</td> <td>Inteiro</td> </tr> <tr> <td>B</td> <td>2</td> <td></td> </tr> </tbody> </table>
Variável Valor Descrição
A 1 Inteiro
B 2
|Variável|Valor|Descrição|
|---|---|---|
|A|1|Inteiro|
|B|2||
<table> <thead> <tr> <th>Variável</th> <th>Valor</th> <th>Descrição</th> </tr> </thead> <tbody> <tr> <td>A</td> <td>1</td> <td>Inteiro</td> </tr> <tr> <td>B</td> <td>2</td> <td></td> </tr> </tbody> </table>
Variável Valor Descrição
A 1 Inteiro
B 2

Para criar tabelas de maneira simples é possível usar geradores online como o Gerador de Tabelas em Markdown para obter diretamente o código da tabela.
Nota É possível formatar texto de um arranjo usando ênfase, link ou fragmento de código. Porém não é possível usar sintaxes mais complexas como blocos de código, títulos, listas, images ou linhas horizontais.

Alinhamento#

Para alinhar o conteúdo de uma coluna inclua dois pontos (:) antes ou depois do traço de demarcação do lado que deseja alinhar. Se deseja centralizar o conteúdo, use os dois pontos em ambos os lados.

Markdown HTML Renderização
| Variável | Valor | Descrição |
| :------- | :----: | ----------: |
| A        | 1      | Inteiro     |
| B        | 2      |             |
<table> <thead> <tr> <th align="left">Variável</th> <th align="center">Valor</th> <th align="right">Descrição</th> </tr> </thead> <tbody> <tr> <td align="left">A</td> <td align="center">1</td> <td align="right">Inteiro</td> </tr> <tr> <td align="left">B</td> <td align="center">2</td> <td align="right"></td> </tr> </tbody> </table>
Variável Valor Descrição
A 1 Inteiro
B 2
|Variável|Valor|Descrição|
|:---|:---:|---:|
|A|1|Inteiro|
|B|2||
<table> <thead> <tr> <th align="left">Variável</th> <th align="center">Valor</th> <th align="right">Descrição</th> </tr> </thead> <tbody> <tr> <td align="left">A</td> <td align="center">1</td> <td align="right">Inteiro</td> </tr> <tr> <td align="left">B</td> <td align="center">2</td> <td align="right"></td> </tr> </tbody> </table>
Variável Valor Descrição
A 1 Inteiro
B 2
Conteúdo da página: