ketika anda hendak membuata suatu table yang berisi puluhan baris atau bahkan ratusan baris jika anda hanya menggunakan tag – tag html dan php saja maka hal ini sangat tidak efektif. Berikut contoh pemecahannya
<table border ="1" cellspacing="0" cellpadding="2" width="500"> <tr> <th>No</th> <th>Nama</th> <th>Alamat</th> </tr>
<php? $no=0; while ($no <= 9) { $no++; echo "<tr>"; echo "<td>$no</td><td> </td><td> </td>"; echo "</tr>"; ?> </table>
<?php $nama = array (1 => " Ronaldo","Budi","silva","roni", "ibrahim","pato","superman"); $alamat = array (1 => "delviro","italia","spanyol","turki", "ac milan","brazil","bandar gebang"); ?> <table border ="1" cellspacing="0" cellpadding="2" width="500"> <tr> <th>No</th> <th>Nama</th> <th>Alamat</th> </tr> <?php for ($no=1; $no<=7; $no++) { if ($no % 2 == 0) $bg = "#dddddd"; else $bg ="#efefef"; echo "<tr bgcolor = $bg>"; echo "<td>$no</td><td>" .$nama[$no]. "</td><td>" .$alamat [$no] ."</td"; echo "</tr>"; } ?> </table>
perhatikan script percabangan for, percabangan tersebut mengecek apakah nilai dari variable $no atau dengan kata lain mengcek apakah record yang bersangkutan merupakan record ganjil atau genap. Jika bernilai genap true maka variable $bg bernilai “#dddddd sedangkan jika ganjil false maka $bg bernilai “#efefef yang mana bilangan hexadesimal tersebut digunakana untuk menyatakan suatu warna pada tabel
Penambahan style CSS berikut agar lebih menarik
<style type="text/css"> table{ font-family:arial; font-size:11px; color:#404040; } th{ background-color: #bbbbbb; border-bottom:solid 2px #ffffff; padding:10px; } td{ border-bottom:solid 1px #aaaaaa; padding:5px; } tr:hover{ background-color:#D1D1D1; cursor:pointer; } </style> ...
Note ubahlah atribut border pada table menjadi nilainya =”0″
selesai semoga bermanfaat