Membuat table dengan Bootstrap

Pada bootstrap ada berbagai macam jenis tabel, dan kali ini aku coba pakai yang berwarna-warni 😀 keliatannya cantik ajah gitu, hehehehe ^_^

Contoh tabel yang ingin dibuat seperti di bawah ini :

Bagaimana caranya .. ?? begini nih, pakai script seperti di bawah ini :

<table class=”table table-bordered”> –> tabel bergaris
<tr class=”success“> –> baris berwarna hijau
<td><center>JUDUL</center></td>
</tr>
<tr class=”warning”>  –> baris berwarna kuning
<td>Test</td>
</tr>
</table>

Biar lebih cantik di tambahkan aksesoris lainnya (icon) seperti pada gambar dibawah ini :

Nahh…untuk membuat icon pada judul tabel tersebut menggunakan bootstrap juga, lebih jelasnya dapat dilihat pada link berikut ini : http://getbootstrap.com/2.3.2/base-css.html#icons

Script :
<i class=”icon-eye-open“></i> –> nama icon’a sesuai dengan daftar icon yang tertera pada bootstrap dan tergantung versi bootstrap nya.

jadi kurang lebih scriptnya seperti ini :

<td><center><i class=”icon-eye-open”></i> JUDUL</center></td>