PHP

Looping Dalam Pembuatan Table di PHP

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>&nbsp;</td><td>&nbsp;</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


mhdrizki

Honest friendly and responsible