Cara Menampilkan Tabel Data Dengan Background Warna

Hi semua,

Kali ini saya akan memberikan tips bagaimana membuat tabel dengan background warna di website menggunakan php mysql. Untuk tampilannya bisa ada lihat dibawah ini :

Langsung saja ini script php :

<html>
<head>
<title>Tes Koneksi MySQL</title>
</head>
<body>

<?php
$server = “localhost”;
$pemakai = “root”;
$password = “”;

$id_mysql = mysql_connect($server, $pemakai, $password);
if (! $id_mysql)
die(“Tak dapat melakukan koneksi ke server MySQL”);

print(“Koneksi ke MySQL bisa dilakukan\n<br>”);

$db_penduduk = mysql_select_db(“penduduk”, $id_mysql);
if (! $db_penduduk)
die(“Tak dapat mengakses database penduduk”);

print(“Database penduduk bisa diakses\n<br>”);

// bagian untuk membaca data
$sql = “select * from tabel_data_penduduk”;
$hasil = mysql_query($sql, $id_mysql);
if (! $hasil)
die(“salah SQL”);

//menambahkan kolom nomor dan akan secara otomatis bertambah atau berurutan sesuai data yang kita masukkan.

$nomor = 0;

print(“<table width = \”80%\” border=\”1\”>\n”);
print(“<tr>\n”);
print(“<td width=\”10%\”>Nomor</td>\n”);
print(“<td width=\”10%\”>Nomor KTP</td>\n”);
print(“<td width=\”15%\”>Nomor SIM</td>\n”);
print(“<td width=\”15%\”>Nama</td>\n”);
print(“<td width=\”20%\”>Tanggal Lahir</td>\n”);
print(“<td width=\”30%\”>Kode Kota</td>\n”);

while ($baris = mysql_fetch_row($hasil))
{

$nomor++;

//memberikan background warna  pada tabel, warna bisa anda sesuaikan dengan keinginan.

//$nomor%2 ==0 adalah menghasilkan nilai benar jika isi variabel $nomor berupa bilangan genap.

if ($nomor % 2 == 0)
$warna_belakang = “#99ffff”;
else
$warna_belakang = “#99ccff”;

$No_KTP = $baris[0];
$No_SIN = $baris[1];
$Nama = $baris[2];
$Tgl_Lahir = $baris[3];
$Kode_Kota = $baris[4];

print(“<tr bgcolor= \”$warna_belakang\”>\n”);
print(“<td>$nomor</td>\n”);
print(“<td>$No_KTP</td>\n”);
print(“<td>$No_SIN</td>\n”);
print(“<td>$Nama</td>\n”);
print(“<td>$Tgl_Lahir</td>\n”);
print(“<td>$Kode_Kota</td>\n”);

//membuat kolom edit pada tabel disetiap baris

print(“<td><a href=\”editdata.php?kode=$No_KTP\”>” .
“Edit</a></td>\n”);

}

print(“</table>\n”);

// akhir pembacaan data
mysql_close($id_mysql);
?>

</body>
</html>

Semoga bermanfaat.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s