Free Ebook Tutorial from Rosihan Ari's Blog

Tutorial Javascript | Tutorial PHP | Tutorial AJAX | Tutorial CSS | Tutorial FPDF | Tutorial Wordpress | Tutorial Java SE


Ebook yang direkomendasikan untuk Anda
Ebook Panduan Praktis OOP di PHP


Script PHP untuk Menampilkan Data dalam Tabel dengan Warna Baris Selang-seling


August 19th, 2008 | by rosihanari | Cetak Artikel Cetak Artikel


GampSMS SMS Gateway

Wah cukup panjang juga ya judul artikel ini di atas… Bagi Anda yang masih bingung dengan maksud judul di atas, langsung saja perhatikan gambar di bawah ini sajalah… untuk jelasnya.

script php tabel data warna selang-seling

Pada gambar di atas dapat Anda lihat bahwa setiap baris tabel warnanya selang-seling. Warna yang berselang-seling tersebut dapat mempermudah orang untuk melihat data, terutama untuk pembeda antar baris. Nah… sudah paham kan maksudnya?

OK… pada artikel ini akan dibahas bagaimana cara membuat tampilan seperti di atas, dengan data dibaca dari database MySQL. Jangan khawatir… caranya cukup mudah kok untuk membuatnya.

Ide dasar pembuatan baris tabel data dengan warna selang-seling tersebut adalah cukup menggunakan konsep bilangan genap dan ganjil. Pada contoh tabel di atas, untuk warna latar baris putih diberikan pada baris ganjil, yaitu 1, 3, 5, … dst. Sedangkan baris warna abu-abu diberikan pada baris genap (2, 4, 6, … dst).

Dalam PHP, untuk menentukan sebuah bilangan genap adalah dengan menggunakan operasi modulo (%) , jika bilangan di modulo 2 hasilnya 0 maka dia genap, sedangkan jika tidak sama dengan 0, maka ganjil.

Sebagai contoh dalam kasus ini, misalkan kita memiliki struktur tabel

CREATE TABLE mhs (
  nim varchar(10),
  namaMhs varchar(30),
  alamat varchar(30),
  PRIMARY KEY (nim)
)

dan data mahasiswa sbb:

INSERT INTO mhs VALUES ('M0197001', 'ROSIHAN ARI YUANA', 'Solo');
INSERT INTO mhs VALUES ('M0197002', 'DWI AMALIA FITRIANI', 'Kudus');
INSERT INTO mhs VALUES ('M0197003', 'FAZA FAUZAN KH.', 'Solo');
INSERT INTO mhs VALUES ('M0197004', 'NADA HASANAH', 'Solo');
INSERT INTO mhs VALUES ('M0197005', 'MUH. AHSANI TAQWIM', 'Solo');

Perhatikan script PHP berikut ini:

<?php

mysql_connect("namaHost","namaUser","password");
mysql_select_db("namaDB");
$warnaGenap = "#CCCCCC";   // warna abu-abu
$warnaGanjil = "#FFFFFF";  // warna putih
$warnaHeading = "#FF0000"; // warna merah untuk heading tabel

$query = "SELECT * FROM mhs";
$hasil = mysql_query($query);

echo "<table border='1'>";
echo "<tr bgcolor='".$warnaHeading."'>
      <td>NIM</td>
      <td>Nama Mahasiswa</td>
      <td>Alamat</td>
      </tr>";

$counter = 1;

while($data = mysql_fetch_array($hasil))
{

// cek apakah counternya ganjil atau genap

if ($counter % 2 == 0) $warna = $warnaGenap;
else $warna = $warnaGanjil;

echo "<tr bgcolor='".$warna."'>";
echo "<td>".$data['nim']."</td>";
echo "<td>".$data['namaMhs']."</td>";
echo "<td>".$data['alamat']."</td>";
echo "</tr>";

$counter++; // menambah counter
}
echo "</table>";

?>



Share ke Facebook Share ke Twitter
Baca Juga Artikel Terkait
PHP Dasar – Komentar dalam PHP
PHP Dasar – Beberapa Aturan dalam Penulisan Script PHP
Menyisipkan Elemen ke dalam Array di PHP
PHP Dasar – Operator dalam PHP
PHP Dasar – Penggunaan Variabel dalam PHP

Kata kunci: data tabel php - PHP - php mysql - script php - warna tabel php -


Ada 56 komentar dalam artikel ini.



  1. thx gan. berguna sekali infonya :)

  2. thanks pak , berguna sekali tutorialnya :)

  3. yusida says:

    ijin nyimak y mas broe, :D
    thanks..

  4. esa says:

    pak saya mau nanya, bagaimana jika semisalnya menampilkan warna- warna dalam tabel dengan suatu syarat? contohnya saja saya mempunyai 2 tabel yaitu barang dan status_vendor. didalam tabel barang mempunyai satu field yang bernama status. nah field status dari tabel ini diambil dari field status tabel status_vendor. semisalnya 3 status antara lain adalah masalah,waspada dan bagus. ketika kita menginputkan/memilih masalah maka di tabel tampilan kita akan memunculkan warna merah di backgroundnya.dan begitu pula untuk status yang lain. apakah ditambahkan dengan fungsi if? bagaimana formatnya pak ?

  5. rony suharinurdjaja says:

    Pak, saya kesulitan menampilkan 2 tabel sekaligus yang masing-2 adalah master tabel dan detail table, keduanya memiliki relasi one-to-many sehingga tampilan yang diharapkan bila kursor (mouse/key arrow keyboard) berada pada baris master tabel maka sekaligus di kolom tabel terpisah (masih pada screen yang sama) nampak detail tabel, tentu saja jika ada data dalam detail tabel karena sudah berelasi dengan master tabel. Sekian pertanyaannya, Terima kasih.

  6. nisa says:

    terima kasih banyak..
    sangat membantu sekali dalam pengerjaan tugas saya.. :D

  7. whatever says:

    Terima Kasih Atas Semua Artikelnya, semuanya sangat bermanfaat buat saya. Kebetulan saya sedang TA untuk membuat WEBSITE, ini sangat membantu saya untuk menyelesaikan Tugas Akhir Saya, THANKs.

  8. berbagi itu lebih baik . alhamdulillah bertemu web ini .
    trimakasih
    bravo untuk anda yang mengelola site ini .
    sukses yah semoga bisa menjadi inspirasi untuk yg lain..

  9. Dias Alan says:

    wahh, sip gan ane nyari buat minimalisir widget blog ane, biar lebih simple.. terimakasih banyak.

  10. Tongam Silitonga says:

    sudah saya buat seperti yang anda tulis tapi gak bisa

    object not found
    error 404

    • rosihanari says:

      @tongam silitonga: coba cek kembali nama filenya, dan letak direktori di mana anda simpan file tsb.



 

Komentar/pertanyaan Anda!

Mohon maaf, komentar/pertanyaan yang menggunakan email palsu atau komentar bernada negatif, cemooh, umpatan, cacian atau sejenisnya secara otomatis akan terhapus karena dianggap spam dan tidak akan tampil

Dimohon jangan pula memasukkan code program dalam bentuk apapun ke dalam komentar karena akan dianggap spam.

Mohon maaf jika seandainya ada beberapa pertanyaan Anda yang tidak direspon atau ditanggapi mengingat banyaknya komentar yang masuk dan keterbatasan kemampuan/ilmu saya dalam menjawab pertanyaan satu persatu. Saya harap Anda bisa memahami dan memakluminya.

Semua komentar atau pertanyaan yg masuk tidak akan langsung tampil di halaman ini, karena akan dimoderasi dahulu.


*