¿Cómo añado bordes a una tabla en Markdown?

2024-08-05

Versión corta

Markdown no soporta bordes de tabla directamente; usa HTML en su lugar:

<table>
<tr>
<th>Nombre</th>
<th>Edad</th>
<th>Ubicación</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>EE. UU.</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Canadá</td>
</tr>
</table>

Versión larga

1. Entendiendo las limitaciones de Markdown

Markdown en sí no tiene soporte nativo para agregar bordes a las tablas. Sin embargo, proporciona una forma de crear tablas simples utilizando tuberías y guiones para columnas y filas.

2. Usando HTML para tablas con bordes

Si se necesitan bordes, puedes usar HTML estándar en lugar de la sintaxis de Markdown. Aquí está cómo:

<table>
<tr>
<th>Nombre</th>
<th>Edad</th>
<th>Ubicación</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>EE. UU.</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Canadá</td>
</tr>
</table>

Esto renderizará una tabla con bordes, independientemente del renderizador de Markdown.

3. Estilizando bordes con CSS

Si estás incrustando Markdown en una página web, puedes estilizar los bordes de las tablas usando CSS. Usa la siguiente regla CSS para agregar bordes a todas las tablas:

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

Agregar este CSS mejorará el aspecto visual de la tabla Markdown cuando se renderice en un entorno web.