Come posso aggiungere bordi a una tabella in Markdown?

2024-08-05

Versione breve

Markdown non supporta direttamente i bordi delle tabelle; usa invece HTML:

<table>
<tr>
<th>Nome</th>
<th>Età</th>
<th>Posizione</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>USA</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Canada</td>
</tr>
</table>

Versione lunga

1. Comprendere le limitazioni di Markdown

Markdown stesso non ha supporto nativo per aggiungere bordi alle tabelle. Tuttavia, fornisce un modo per creare tabelle semplici utilizzando tubi e linee per colonne e righe.

2. Utilizzare HTML per tabelle con bordi

Se sono necessari i bordi, puoi usare HTML standard invece della sintassi Markdown. Ecco come:

<table>
<tr>
<th>Nome</th>
<th>Età</th>
<th>Posizione</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>USA</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Canada</td>
</tr>
</table>

Questo renderizzerà una tabella con bordi, indipendentemente dal renderer Markdown.

3. Stile dei bordi con CSS

Se stai incorporando Markdown all'interno di una pagina web, puoi stilizzare i bordi delle tabelle utilizzando CSS. Usa la seguente regola CSS per aggiungere bordi a tutte le tabelle:

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

Aggiungere questo CSS migliorerà l'aspetto visivo della tabella Markdown quando renderizzata in un ambiente web.