Membuat tabel warna-warni dengan php

Membuat tabel warna-warni

Tentunya anda pernah melihat sebuah laporan yang disajikan secara unik dan menarik php. Misal, tabel tersebut dibuat dengan warna selang seling/warna-warni. Tujuan dibuat warna-warni seperti itu bukan hanya agar tampilan lebih menarik tapi juga bertujuan agar baris-baris data bisa terlihat dengan jelas. Bagaimana membuatnya dalam php?

Untuk membuat tabel warna-warni seperti pada gambar diatas, caranya sangat mudah. Secara logika kita hanya perlu melakukan perubahan warna pada setiap baris tabelnya. Misal tabel baris 1 warna biru, kedua warna kuning, kemudian kembali lagi warna biru dst. Dan dapat di asumsikan bahwa baris yang ganjil diberi warna biru, baris genap diberi warna kuning.

Berikut saya contohkan dengan menyusun tabel menggunakan perulangan for dalam php.

<?php
$baris= 1;
echo "<table width=\"400\" border=\"0\" cellpadding=\"3\" cellspacing=\"1\" bgcolor=\"#ffffff\">";
echo "<tr bgcolor=\"#00CC00\">";
echo "<th>No.</th>";
echo "<th>Nama</th>";
echo "<th>Alamat</th>";
echo "</tr>";
for($i=1; $i<=10;$i++) {
    $warna= ($baris% 2 == 1) ? "#cccccc" : "#99FF99";
    echo "<tr bgcolor=\"".$warna."\">";
    echo "<td>$i</td>";
    echo "<td>Nama $i</td>";
    echo "<td>Alamat $i</td>";
    echo "</tr>";
    $baris++;
}
echo "</table>";
?>

Contoh kode php diatas dimulai dengan membuat sebuah variabel dengan nama $baris, kemudian memberi nilai awal dengan 1. Kemudian menuliskan perintah pembuka tabel lengkap dengan atributnya, lalu membuat tabel header dengan perintah th. Lalu mulai membuat baris datanya dalam perulangan for.

Pada saat $baris dibagi dua menghasilkan nilai sisa bagi 1 (ganjil) maka baris tersebut diberi dengan warna #cccccc, selain itu maka diberi warna #99FF99.

Hal tersebut akan diulang sebanyak 10 baris sesuai dengan nilai max perulangan dan pada setiap perubahan nilai $i maka nilai $baris juga ditambah 1.

Bagaimana jika diterapkan dalam bentuk laporan database mysql? Hanya sedikit perlu melakukan perubahan dari script awal, yaitu menghubungan dengan data yang tersimpan dalam database mysql.

Lihat perubahannya berikut :

<?php
    include("koneksi.php");
    $baris= 1;
    echo "<table width=\"400\" border=\"0\" cellpadding=\"3\" cellspacing=\"1\" bgcolor=\"#ffffff\">";
    echo "<tr bgcolor=\"#00CC00\">";
    echo "<th>NIM</th>";
    echo "<th>Nama</th>";
    echo "<th>Alamat</th>";
    echo "</tr>";
    $myquery="select nim,nama,alamat from tb_mahasiswa";
    $daftarsiswa=mysql_query($myquery) or die (mysql_error());
    while($dataku=mysql_fetch_object($daftarsiswa))
    {   
        $warna= ($baris% 2 == 1) ? "#cccccc" : "#99FF99";
        echo "<tr bgcolor=\"".$warna."\">";
        echo "<td>".$dataku->nim."</td>";
        echo "<td>".$dataku->nama."</td>";
        echo "<td>".$dataku->alamat."</td>";
        echo "</tr>";
        $baris++;
    }
    echo "</table>";
?>

Kode diatas akan menghasilkan laporan seperti berikut :

tabel warna selang seling

Script laporan diatas saya ambilkan dari contoh laporan yang pernah saya bahas pada Laporan Aplikasi Data Mahasiswa

Jika ada masukan atau pertanyaan jangan sungakn mengisi komentar dibawah. Semoga bermanfaat.

Zainal Hakim

** Bebas disunting dengan menyebutkan sumber **

Komentar

Halaman Lainya

  • Cara menampilkan gambar dari database mysql dengan php
    Artikel ini akan membahas tentang bagaimana menampilkan gambar yang sudah diupload kedalam database mysql. Bahasa yang digunakan adalah PHP. Cara pembuatanya sangat sederhana sama dengan membuat laporan php biasa
  • Membuat file dengan php
    Dengan php kita bisa melakukan operasi terhadap file yang berada dalam server. Operasi file yang bisa dilakukan diantaranya adalah membuat file.
  • Cara membuat dan menjalankan PHP
    Cara membuat dan menjalankan PHP. Untuk membuat file php kita bisa gunakan editor apa saja yang penting dapat menyimpan dalam format text, disini saya akan gunakan editor sederhana yang ada dilingkungan windows yaitu notepad.
  • Cara Installasi PHP di lingkungan windows
    PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada server side. Artinya semua sintaks yang kita berikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja.
  • Mengenal variabel dan keterangan dalam php
    PHP juga memiliki data penampung sementara yang disebut variabel seperti halnya bahasa pemrograman lainnya. Tapi sedikit ada perbedaan cara penulisanya jika anda terbiasa dengan bahasa pemrograman lain. Silahkan simak berikut ini.

Kiriman terbaru