Tag Archives: Programming

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