Pada tutorial kali ini saya mencoba membuat Tabel cantik ala Zebra yang setiap barisnya akan terlihat sorotan warna.

Pertama Anda membuat database di mysql terlebih dahulu dengan nama anggota. dan kemudian membuat tabel dengan nama anggota. dengan struktur Field :

No     Name             Type                 Length
1         id_ang           int                     3
2        nama              varchar          50
3        alamat           varchar          50

kemudian buat-lah file php di folder web server Anda berada, ketikan skrip/kode berikut ini :

<style type=”text/css”>
table {
border: 1px solid #000000;
}
th {
background-color: #FF9900;
color           : #FFFFFF;
}
tr:hover{
background-color: #CCCCCC;
}
</style>

<?php
$warna1 = “#A6D000”;   // baris genap berwarna hijau tua
$warna2 = “#D5F35B”;   // baris ganjil berwarna hijau muda
$warna  = $warna1;     // warna default

mysql_connect(“localhost”,”root”,””);
mysql_select_db(‘pintar’);
$sql = mysql_query(“select * from anggota”);

echo “<table cellpadding=4><tr><th>No</th><th>Nama</th><th>Alamat</th></tr>”;

$no=1;
while($data=mysql_fetch_array($sql)){
if($warna == $warna1){
$warna = $warna2;
}
else {
$warna = $warna1;
}
echo “<tr bgcolor=$warna><td>$no</td><td>$data[nama]</td><td>$data[alamat]</td></tr>”;
$no++;
}
echo “</table>”;
?>

hasilnya seperti berikut :

Selamat Mencoba, file nya dapat didownload disini [download id=”19″]