Script PHP untuk Menampilkan Data dalam Tabel

Script PHP untuk Menampilkan Data dalam Tabel dengan Warna Baris Selang-seling
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 mahasiswa";
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.?>