Membuat Tabel Zebra menggunakan PHP

Untuk membuat tabel terlihat seperti zebra alias warna yang selang seling antara baris satu dan baris lainnya kita bisa menggunakan modulo pada php. Misalnya saja kita menggunakan $no%2 = = 0 yang artinya setiap variable $no yang bernilai genap akan kita rubah warnanya misal abu muda #a4a79d sedangkan untuk yang genap kita beri warna sedikit lebih tua #d5d6d3.

<head>
 <title>Contoh Zebra</title>
 <style>
 thead
 {
  font-size:16pt;
 }
 tr 
 {
  height:40px;
 }
</style>
</head>
<?php
require ("config.php"); //konfigurasi data base
$no = 1;
$get = "select * from artikel order by id_artikel desc"; // ambil artikel dari table artikel dan diurutkan dari artikel terbaru
$exe = mysql_query($get); // jalankan perintah $get
?>
<table border='0px'>
<thead align="center" style="background-color:#333333; color:#fff;">
<td width="50px">No</td>
<td width="400px">Judul Artikel</td>
</thead> <?php // looping data artikel kemudian ditampilkan while($show= mysql_fetch_array($exe)){ ?> <tr bgcolor='<?php if($no%2==0) echo"#a4a79d"/*warna genap*/; else echo"#d5d6d3";/*warna ganjil*/?>'> <!--baris tempat penggantian warna--> <?php echo"<td align='center'>$no</td> <td>&nbsp;&nbsp;&nbsp;&nbsp; $show[judul_artikel]</td> </tr>"; $no++; //penambahan nilai variable $no } echo"</table>";

Hasil dari skrip di atas

Popular posts from this blog

Lupa Nomor Anggota Perpustakaan Nasional Republik Indonesia Online (PNRI)

Membaca EPUB dengan Readium

Menampilkan Format Angka dalam Rupiah dengan PHP