Mohon maaf, mungkin terdapat beberpa artikel yang contohnya tidak ada dan tidak dapat didownload bahkan sudah tidak dapat diterapkan. Hal ini dikarenakan artikel tersebut ditulis babaerapa tahun lalu (jadul).

03 March 2012

Membuat Warna Tabel Menjadi Selang-Seling Menggunakan PHP

Tabel adalah kumpulan data atau informasi yang ditampilkan dalam bentuk baris dan kolom. Biasanya pada aplikasi web terdapat tabel. Terutama pada halaman admin pasti ada tabelnya. Untuk contoh tabel yang dimaksud, lihat halaman contoh tabel. Terlihat bahwa tabel tersebut sangat polos. Mungkin sangat menarik apabila di setiap baris terdapat warna background tabel. Apalagi warna antara baris genap dan ganjil berbeda warnanya. Nah, untuk itu saya akan menuliskan bagaimana cara membuat warna tabel tersebut menjadi selang seling.

Saya asumsikan bahwa para pembaca sudah bisa menampilkan tabel, yang tentunya tabel tersebut datanya diambil dari database. Jika anda belum bisa menampilkannya, anda dapat membukanya pada Menampilkan Nama Bulan dari Database dengan PHP. Setelah selesai, hal yang perlu diperhatikan yaitu pada background setiap baris. Awalnya, code program baris tersebut adalah sebagai berikut (sesuai dengan artikel Menampilkan Nama Bulan dari Database dengan PHP).
echo "<tr>
  <td align='center'>$b[tgl]</td>
  <td align='center'>$tgl-$bln-$thn</td>
  <td align='center'>$semua</td>
</tr>"
Kemudian ubah kode di atas seperti di bawah ini.
if(($no % 2)==0){
  $warna="#acbefa";
}
else{
  $warna="#E1E1E1";
}

echo "<tr bgcolor='$warna'>
  <td align='center'>$b[tgl]</td>
  <td align='center'>$tgl-$bln-$thn</td>
  <td align='center'>$semua</td>
</tr>";
Baris pertama merupakan penentuan posisi baris pada tabel. Misalkan nomor urut, $no, dimodulo dengan 2, jika hasilnya 0 maka akan menampilkan kode variabel
 
$warna="#acbefa";
 
Jika hasilnya tidak 0 maka akan menampikan kode vaiabel
 
$warna="#E1E1E1";
 
Setelah itu, kode variabel tersebut akan diintegrasikan untuk menampilkan background color pada tabel dan bentuk kodenya adalah sebagai berikut.
 
<tr bgcolor='$warna'>
 

Sebagai contoh, demo dapat Anda kunjungi alamat berikut dengan menekan tomobol di bawah ini. Semoga bermanfaat main mata

6 comments:

  1. Anonymous5/3/13 21:17

    SS hasilnya dong

    ReplyDelete
  2. itu kan udah ada pada link demo program gan :D

    ReplyDelete
  3. makasih mas tutornya.. akhirnya nemu juga.. :)

    ReplyDelete
  4. minta Printscreennya donk mas :)

    ReplyDelete
  5. kalo di codeigniter gimana

    ReplyDelete
  6. klo di CI sama saja. Tinggal disesuaikan bro

    ReplyDelete