Cara Membuat Table Tampil Data Warna Warni Pada PHP

Mungkin dalam membuat tampilan website kita harus lebih berimajinasi, karena tampilan juga berpengaruh selain isi dari website itu sendiri. Disini saya akan menuliskan bagaimana mempercantik tabel dengan warna-warni, warna itu sendiri juga termasuk dapat membedakan baris ke berapa kita tadi melihat isi tabel selain di nomor yang telah ada. Langsung saya kita membuat contoh sederhana.

1. Buat table mahasiswa seperti dibawah ini, dan inputkan beberapa record sesuai dengan keinginan anda :

CREATE TABLE `mahasiswa`(`nim` VARCHAR( 5 ) NOT NULL ,`nama` VARCHAR( 50 )NOT NULL ,`fakultas` VARCHAR( 25 ) NOT NULL ,`kd_fak` CHAR( 2 ) NOT NULL) ENGINE = MYISAM ;


2. Buat tampilan data dari MySQL dengan PHP seperti dibawah ini:

01<?PHP
02$koneksi=mysql_connect("localhost","root","");
03if(!$koneksi)
04die("Tidak bisa konek dengan database bro");
05 
06if(!mysql_select_db("akademik",$koneksi))
07die("Database tidak bisa dibuka");
08 
09echo"<table><tr><td>No</td><td>NIM</td><td>Nama</td><td>Fakultas</td></tr>";
10$no=1;
11$data=mysql_query("SELECT * FROM mahasiswa");
12while($dt=mysql_fetch_array($data))
13{
14echo"$no$dt[nim]$dt[nama]$dt[fakultas]";
15$no++;
16}
17echo"</table?";
18?>

3. Maka tampilan nya masih standart, dan untuk mempercantik table tersebut anda gunakan warna yang sesuai dengan keinginan anda. Dengan cara menambahkan syntax seperti dibawah ini :

1if(($no % 2)==0){
2$bgcolor="#FFCC66";
3}else{
4$bgcolor="#FF9933";
5}  

4. Atau anda dapat melihat syntax yang sudah digabungkan dibawah ini :

01<?PHP
02$koneksi=mysql_connect("localhost","root","");
03if(!$koneksi)
04die("Tidak bisa konek dengan database bro");
05 
06if(!mysql_select_db("akademik",$koneksi))
07die("Database tidak bisa dibuka");
08 
09echo"<table><tr bgcolor='#FF6600'><td>No</td><td>NIM</td><td>Nama</td><td>Fakultas</td></tr>";
10$no=1;
11$data=mysql_query("SELECT * FROM mahasiswa");
12while($dt=mysql_fetch_array($data))
13{
14  if(($no % 2)==0){
15  $bgcolor="#FFCC66";
16  }else{
17  $bgcolor="#FF9933";
18  }
19echo"$no$dt[nim]$dt[nama]$dt[fakultas]";
20$no++;
21}
22echo"</table?";
23?> 

Silahkan mencoba di localhost anda, dan semoga berhasil.

Source : http://qkumpulkanilmu.wordpress.com/2011/11/14/table-warna-warni-dengan-php-dan-mysql/

Artikel Lainnya