PHP - Table Warna - Warni - Nanang Blog

Tutorial sebelumnya saya bahas perulangan, sekarang gue mo bikin bagaimana membuat table biar berwarna, dengan alur logika “jika baris genap maka baris itu berwarna x dan jika baris ganjil maka baris akan berwarna y”. Sedikit pengantar dari saya, langsung aja praktekkan biar tambah paham.

Nama file : koneksi.php

<?php

$host="localhost";

$user="root";

$pass="";

$dbname="pintar";

$x=mysql_connect($host,$user,$pass);

$y=mysql_select_db($dbname,$x);

?>

________________________________________

Nama File : color.php

<?php

include "koneksi.php";

$z=mysql_query("select * from anggota");

$no=1;

echo "<table><tr bgcolor=green><th>NO</th><th>NAMA</th><th>ALAMAT</th></tr>";

while($x=mysql_fetch_array($z)){

if(($no % 2)==0){

$warna="#E1E1E1";

}else{

$warna="#FFFFF00";

}

echo "<tr bgcolor=$warna><td>$no</td><td>$x[nama]</td><td>$x[alamat]</td></tr>";

$no++;

}

echo "</table>";

?>

_______________________________

CREATE TABLE `anggota` (

`id_anggota` int(3) NOT NULL AUTO_INCREMENT,

`nama` varchar(50) COLLATE latin1_general_ci NOT NULL,

`alamat` varchar(100) COLLATE latin1_general_ci NOT NULL,

PRIMARY KEY (`id_anggota`)

)

________________________________________

INSERT INTO `anggota` (`id_anggota`, `nama`, `alamat`) VALUES

(1, 'Lukmanul Hakim', 'Yogyakarta'),

(2, 'Siti Mutmainah', 'Belitung'),

(3, 'Beauty Khuluqiyah', 'Banjarmasin'),

(4, 'Gelora Mahardika', 'Jakarta'),

(5, 'Clara Erika', 'Magelang'),

(6, 'Gita Indah Purnama', 'Surabaya'),

(7, 'Aji Pratama Putra', 'Surakarta'),

(8, 'Ririn Restu Amalia', 'Makasar'),

(9, 'Bangkit Prasetya Adi', 'Balikpapan'),

(10, 'Ikrima Mailani', 'Bandung'),

(11, 'Frita Faramita', 'Semarang'),

(12, 'Syalasiria Djuria', 'Medan'),

(13, 'Kanzul Firdaus', 'Manado'),

(14, 'Ririn Dwi Ariyanti', 'Lampung'),

(15, 'Mayadah Samarawati', 'Bali'),

(16, 'Ririn Nurul Hidayati', 'Palembang'),

(17, 'Brama Surya Kumbara', 'Malang'),

(18, 'Uspal Jandevi', 'Pekan Baru'),

(19, 'Ririn Elok Puspasari', 'Jepara'),

(20, 'Yunia Ervina', 'Bogor'),

(21, 'Hunter Pandega', 'Klaten'),

(22, 'Adamono Awamiti', 'Boyolali'),

(23, 'Muren Herdigenarosa', 'Palu'),

(24, 'Ririn Yusma Adelia', 'Tangerang'),

(25, 'Purnama Sahara', 'Cirebon'),

(26, 'Bryan Hartomo', 'Cilacap'),

(27, 'Ririn Fawzia Agustina', 'Padang'),

(28, 'Lubsir Munir', 'Pontianak'),

(29, 'Ariandra Satria', 'Temanggung'),

(30, 'Ruhul Ulya', 'Bekasi'),

(31, 'Lusiana Rustandika', 'Sleman'),

(32, 'Qori Adzani', 'Depok'),

(33, 'Azwin Yuda Himawan', 'Bima'),

(34, 'Septiana Prihastantri', 'Bangka'),

(35, 'Dwi Kusuma Wardhana', 'Sragen'),

(36, 'Retnowati Pambayun', 'Kulon Progo'),

(37, 'Philare Shopia', 'Majene'),

(38, 'Roger Basuki', 'Samarinda'),

(39, 'Riska Rembasepsela', 'Ambon');

________________________________________

Nah ini screen shotnya :

________________________________________

Nah sekarang kita padukan dengan css biar tambah keren dikit klo dilihat

<style type="text/css">

tr:hover{

background-color: #FF9900;

}

th {

background-color: #FF9900;

color : #FFFFFF;

}

</style>

<?php

include "koneksi.php";

echo "<table><tr bgcolor=red><th>NO</th><th>NAMA</th><th>ALAMAT</th></tr>";

$z=mysql_query("select * from anggota");

$no=1;

while($x=mysql_fetch_array($z)){

if(($no%2)==0){

$warna="#E1E1E1";

}else{

$warna="#FFFF00";

}

echo "<tr bgcolor=$warna><td>$no</td><td>$x[nama]</td><td>$x[alamat]</td></tr>";

$no++;

}

echo "</table>";

?>

Nih screenshootnya :

Nih Link Downloaanya  : Disini