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 **

Artikel Lainnya

  • Membuat database dan tabel mysql dengan php
    Cara umum membuat database dan tabel mysql menggunakan command line di mysql atau dengan alat bantu seperti phpmyadmin atau aplikasi pengelola mysql lainya. Bagaimana jika kita ingin menyusun sendiri proses pembuatan database dan tabel tersebut dengan php? Proses ini akan diperlukan jika kita ingin membuat sebuah paket aplikasi yang dilengkapi dengan tahapan installasi seperti aplikasi CMS.
  • Menghapus dengan checkbox dalam php
    Anda menemui masalah dalam menghapus banyak data secara bersamaan pada laporan yang dibuat dengan PHP? Mungkin jawabnya ya, karena dulu saya pernah mengalami hal ini. Cara sederhana mengahapus record atau data dalam laporan php adalah satu-persatu dengan membuat link pada tiap baris data yang ditampilkan. Hal ini akan sangat menyulitkan anda jika ada banyak data yang harus dihapus. Bayangkan jika ada 100 recor harus anda hapus, berarti 100 kali mengklik data yang akan dihapus. Saya akan berbagi bagaimana membuat laporan php dengan fasilitas checkbox data yang akan dihapus. Silahkan simak artikel berikut.
  • 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.
  • Membagi form dalam beberapa halaman
    Ada beberapa contoh kasus yang mengharuskan kita membagi form dalam beberapa halaman, agar proses input lebih mudah dan dapat memunculkan pilihan sesuai dengan inputan awal. Berikut ini saya akan berbagi trick bagaimana membuat beberapa form yang terpisah halaman bisa saling terhubung dalam sebuah proses.
  • Membuat fungsi cek data mysql dengan php
    Proses pengecekan apakah data sudah ada dalam database tentunya pasti kita lakukan berulang-ulang dalam sebuah aplikasi php. Untuk mempermudah proses pengecekannya kita memerlukan sebuah fungsi/function yang gampang dipanggil setiap saat. Berikut ini saya ingin berbagi tentang bagaimana membuat fungsi tersebut.

Kiriman terbaru