Script PHP untuk Menampilkan Data dalam Tabel dengan Warna Baris Selang-

seling

Wah cukup panjang juga ya judul artikel ini di atas… Bagi Anda yang masih bingung dengan maksud judul di
atas, langsung saja perhatikan gambar di bawah ini sajalah… untuk jelasnya.

Pada gambar di atas dapat Anda lihat bahwa setiap baris tabel warnanya selang-seling. Warna yang
berselang-seling tersebut dapat mempermudah orang untuk melihat data, terutama untuk pembeda antar
baris. Nah… sudah paham kan maksudnya?

OK… pada artikel ini akan dibahas bagaimana cara membuat tampilan seperti di atas, dengan data dibaca
dari database MySQL. Jangan khawatir… caranya cukup mudah kok untuk membuatnya.

Ide dasar pembuatan baris tabel data dengan warna selang-seling tersebut adalah cukup menggunakan
konsep bilangan genap dan ganjil. Pada contoh tabel di atas, untuk warna latar baris putih diberikan pada
baris ganjil, yaitu 1, 3, 5, … dst. Sedangkan baris warna abu-abu diberikan pada baris genap (2, 4, 6, …
dst).

Dalam PHP, untuk menentukan sebuah bilangan genap adalah dengan menggunakan operasi modulo (%) ,
jika bilangan di modulo 2 hasilnya 0 maka dia genap, sedangkan jika tidak sama dengan 0, maka ganjil.

Sebagai contoh dalam kasus ini, misalkan kita memiliki struktur tabel

view sourceprint?
1.CREATE TABLE mhs (
2.nim varchar(10),
3.namaMhs varchar(30),
4.alamat varchar(30),
5.PRIMARY KEY (nim)
6.)

dan data mahasiswa sbb:

view sourceprint?
1.INSERT INTO mhs VALUES ('M0197001', 'ROSIHAN ARI YUANA', 'Solo');
2.INSERT INTO mhs VALUES ('M0197002', 'DWI AMALIA FITRIANI', 'Kudus');
3.INSERT INTO mhs VALUES ('M0197003', 'FAZA FAUZAN KH.', 'Solo');
4.INSERT INTO mhs VALUES ('M0197004', 'NADA HASANAH', 'Solo');
5.INSERT INTO mhs VALUES ('M0197005', 'MUH. AHSANI TAQWIM', 'Solo');

Perhatikan script PHP berikut ini:

view sourceprint?
01.<?php
02. 
03.mysql_connect("namaHost","namaUser","password");
04.mysql_select_db("namaDB");
05.$warnaGenap = "#CCCCCC";   // warna abu-abu
06.$warnaGanjil = "#FFFFFF";  // warna putih
07.$warnaHeading = "#FF0000"; // warna merah untuk heading tabel
08. 
09.$query = "SELECT * FROM mhs";
10.$hasil = mysql_query($query);
11. 
12.echo "<table border='1'>";
13.echo "<tr bgcolor='".$warnaHeading."'>
14.<td>NIM</td>
15.<td>Nama Mahasiswa</td>
16.<td>Alamat</td>
17.</tr>";
18. 
19.$counter = 1;
20. 
21.while($data = mysql_fetch_array($hasil))
22.{
23. 
24.// cek apakah counternya ganjil atau genap
25. 
26.if ($counter % 2 == 0) $warna = $warnaGenap;
27.else $warna = $warnaGanjil;
28. 
29.echo "<tr bgcolor='".$warna."'>";
30.echo "<td>".$data['nim']."</td>";
31.echo "<td>".$data['namaMhs']."</td>";
32.echo "<td>".$data['alamat']."</td>";
33.echo "</tr>";
34. 
35.$counter++; // menambah counter
36.}
37.echo "</table>";
38. 
39.?>