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 | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
|
<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>
|
|
|||||||||
|
<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>
|
|
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 | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
|
<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>
|
|
|||||||||
|
<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>
|
|