Terkadang dalam postingan, kita membutuhkan adanya table sebagai list harga dan lain sebagainya.
Berikut ini ada beberapa script table sederhana. Masukkan sentuhan kreativitas modifikasi maka tampilan table bisa kita sesuaikan dengan selera agar indah untuk dilihat.

Contoh script Table langsung di dalam artikel

Header 1 Header 2 Header 3
List 1 List 2 List 3
List 1 List 2 List 3
List 1 List 2 List 3
List 1 List 2 List 3
List 1 List 2 List 3

Script dari contoh hasil table diatas adalah sebagai berikut :

<table style=”margin: 0 auto; width: 80%; border-collapse: collapse; background: #ffffff;”><caption style=”border: 1px solid #999; padding: 8px 0; background: #154dd0; align: center; color: #fff;”>
<h3>Contoh script Table langsung di dalam artikel</h3>
</caption>
<tbody>
<tr>
<th style=”border: 1px solid #999; padding: 8px 0; background: #0cf;”>Header 1</th>
<th style=”border: 1px solid #999; padding: 8px 0; background: #0cf;”>Header 2</th>
<th style=”border: 1px solid #999; padding: 8px 0; background: #0cf;”>Header 3</th>
</tr>
<tr>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 1</td>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 2</td>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 3</td>
</tr>
<tr>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 1</td>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 2</td>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 3</td>
</tr>
<tr>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 1</td>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 2</td>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 3</td>
</tr>
<tr>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 1</td>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 2</td>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 3</td>
</tr>
<tr>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 1</td>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 2</td>
<td style=”border: 1px solid #999; padding: 4px 8px;”>List 3</td>
</tr>
</tbody>
</table>

Script table diatas diaplikasikan langsung di halaman artikel atau di sidebar. Selanjutnya jika ingin lebih sederhana dan mudah bisa menggunakan bantuan css. Selengkapnya membuat table dengan css bisa dilihat di link berikut :

Cara membuat table menggunakan css