Bagaimana cara menambahkan batas pada tabel di Markdown?

2024-08-05

Versi Singkat

Markdown tidak mendukung batas tabel secara langsung; gunakan HTML sebagai gantinya:

<table>
<tr>
<th>Nama</th>
<th>Usia</th>
<th>Lokasi</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>AS</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Kanada</td>
</tr>
</table>

Versi Panjang

1. Memahami Keterbatasan Markdown

Markdown itu sendiri tidak memiliki dukungan bawaan untuk menambahkan batas pada tabel. Namun, ia menyediakan cara untuk membuat tabel sederhana menggunakan pipa dan dash untuk kolom dan baris.

2. Menggunakan HTML untuk Tabel dengan Batas

Jika batas diperlukan, Anda dapat menggunakan HTML standar sebagai pengganti sintaks Markdown. Berikut caranya:

<table>
<tr>
<th>Nama</th>
<th>Usia</th>
<th>Lokasi</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
<td>AS</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Kanada</td>
</tr>
</table>

Ini akan membuat tabel dengan batas, terlepas dari perender Markdown.

3. Mempersiapkan Batas dengan CSS

Jika Anda menanamkan Markdown dalam halaman web, Anda dapat memformat batas tabel menggunakan CSS. Gunakan aturan CSS berikut untuk menambahkan batas pada semua tabel:

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

Menambahkan CSS ini akan meningkatkan aspek visual tabel Markdown saat dirender dalam lingkungan web.