Home » PHP » Looping Dalam Pembuatan Table di PHP

Looping Dalam Pembuatan Table di PHP

by mhdrizki
by mhdrizki

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

You may also like