Jak dodać obramowania do tabeli w Markdown?

2024-08-05

Krótka wersja

Markdown nie obsługuje bezpośrednio granic tabel; użyj zamiast tego HTML:

<table>
<tr>
<th>Nazwa</th>
<th>Wiek</th>
<th>Lokalizacja</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>USA</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Kanada</td>
</tr>
</table>

Dokładna wersja

1. Zrozumienie ograniczeń Markdown

Markdown sam w sobie nie ma natywnego wsparcia dla dodawania granic do tabel. Jednakże, oferuje sposób na tworzenie prostych tabel przy użyciu rurek i kresek do kolumn i wierszy.

2. Używanie HTML do tabel z granicami

Jeśli granice są potrzebne, możesz użyć standardowego HTML zamiast składni Markdown. Oto jak to zrobić:

<table>
<tr>
<th>Nazwa</th>
<th>Wiek</th>
<th>Lokalizacja</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>USA</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Kanada</td>
</tr>
</table>

To sprawi, że tabela będzie wyświetlana z granicami, niezależnie od renderera Markdown.

3. Stylizacja granic za pomocą CSS

Jeśli osadzasz Markdown w witrynie internetowej, możesz stylizować granice tabel za pomocą CSS. Użyj następującej reguły CSS, aby dodać granice do wszystkich tabel:

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

Dodanie tego CSS poprawi wizualny aspekt tabeli Markdown, gdy jest renderowana w środowisku webowym.