Como adiciono bordas a uma tabela em Markdown?

2024-08-05

Versão curta

O Markdown não suporta bordas de tabela diretamente; use HTML em vez disso:

<table>
<tr>
<th>Nome</th>
<th>Idade</th>
<th>Localização</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>EUA</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Canadá</td>
</tr>
</table>

Versão longa

1. Entendendo as limitações do Markdown

O Markdown em si não tem suporte nativo para adicionar bordas a tabelas. No entanto, ele fornece uma maneira de criar tabelas simples usando pipes e traços para colunas e linhas.

2. Usando HTML para Tabelas com Bordas

Se bordas são necessárias, você pode usar HTML padrão em vez da sintaxe Markdown. Veja como:

<table>
<tr>
<th>Nome</th>
<th>Idade</th>
<th>Localização</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>EUA</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Canadá</td>
</tr>
</table>

Isso renderizará uma tabela com bordas, independentemente do renderizador de Markdown.

3. Estilo de bordas com CSS

Se você está incorporando Markdown dentro de uma página da web, pode estilizar as bordas da tabela usando CSS. Use a seguinte regra CSS para adicionar bordas a todas as tabelas:

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

Adicionar este CSS melhorará o aspecto visual da tabela Markdown quando renderizada em um ambiente web.