Membuat frame tabel HTML dan PHP


Latar Belakang

Jika kita mempunyai suatu aplikasi web dimana mempunyai sebuah tabel yang memiliki banyak field yang harus ditampilkan. terkadang akan memanjang kesamping dan membuat kurang nyaman dilihat.

oleh karena itu dibutuhkan frame yang digunakan untuk membatasi tampilan tabel, namun tabel tetap menampilkan data dalam jumlah field yang sesuai dengan yang kita inginkan.

Potongan Script

<div style=’overflow-y:scroll;overflow-x:scroll;height:200px;padding:20px;scroll-color:hidden;’>
<table cellspacing=”0″ cellpadding=”0″>
<tr>
<th></th>
<th>Nomor</th>
<th>Nama Pegawai</th>
<th>Tanggal Lahir</th>
<th>NIP</th>
<th>Bagian</th>
<th>Jabatan</th>
<th>Tahun</th>
<th>Email</th>
<th>Telpon</th>
<th>Alamat</th>
<th>Username</th>
<th>Password</th>
</tr>
<?php
$view=mysql_query(“select * from tbl_pegawai”);
while($row=mysql_fetch_array($view)){
?>
<tr>
<td><a href=”?page=x-induk/bagian”><img src=”./images/edit.png” border=”0″/></a>&nbsp;<a href=”?page=x-induk/bagian”><img src=”./images/delete.png” border=”0″/></a></td>
<td><?php echo $c=$c+1;;?></td>
<td><?php echo $row[‘nama_pegawai’];?></td>
<td><?php echo $row[‘tgl_lahir’];?></td>
<td><?php echo $row[‘nip’];?></td>
<td><?php echo $row[‘id_bagian’];?></td>
<td><?php echo $row[‘jabatan’];?></td>
<td><?php echo $row[‘tahun_kerja’];?></td>
<td><?php echo $row[’email’];?></td>
<td><?php echo $row[‘telpon’];?></td>
<td><?php echo $row[‘alamat_rumah’];?></td>
<td><?php echo $row[‘username’];?></td>
<td><?php echo $row[‘password’];?></td>
</tr>
<?php
}
?>
</table>
</div>

Inti dari frame adalah yang bercetak tebal pada script diatas.

Download Tabel

http://www.4shared.com/file/bvuKNIKI/tableBlue–ri32.html

Sekian tutorial dari saya semoga bermanfaat untuk teman-teman dan anda semua 🙂

Depok, 25-01-2011

 

noname

<div style=’overflow-y:scroll;overflow-x:scroll;height:200px;padding:20px;scroll-color:hidden;’>
<table cellspacing=”0″ cellpadding=”0″>
<tr>
<th></th>
<th>Nomor</th>
<th>Nama Pegawai</th>
<th>Tanggal Lahir</th>
<th>NIP</th>
<th>Bagian</th>
<th>Jabatan</th>
<th>Tahun</th>
<th>Email</th>
<th>Telpon</th>
<th>Alamat</th>
<th>Username</th>
<th>Password</th>
</tr>
<?php
$view=mysql_query(“select * from tbl_pegawai”);
while($row=mysql_fetch_array($view)){
?>
<tr>
<td><a href=”?page=x-induk/bagian”><img src=”./images/edit.png” border=”0″/></a>&nbsp;<a href=”?page=x-induk/bagian”><img src=”./images/delete.png” border=”0″/></a></td>
<td><?php echo $c=$c+1;;?></td>
<td><?php echo $row[‘nama_pegawai’];?></td>
<td><?php echo $row[‘tgl_lahir’];?></td>
<td><?php echo $row[‘nip’];?></td>
<td><?php echo $row[‘id_bagian’];?></td>
<td><?php echo $row[‘jabatan’];?></td>
<td><?php echo $row[‘tahun_kerja’];?></td>
<td><?php echo $row[’email’];?></td>
<td><?php echo $row[‘telpon’];?></td>
<td><?php echo $row[‘alamat_rumah’];?></td>
<td><?php echo $row[‘username’];?></td>
<td><?php echo $row[‘password’];?></td>
</tr>
<?php
}
?>
</table>
</div>
Advertisements

3 Responses

  1. mantap dan sedikit bingung saya hehehe
    makasih infonya

    Like

  2. wah mantap” nih ilmunya, betah saya d sini 😀
    thanks yah mas admin salam kenal.

    Like

  3. makasih infonya ya, bermanfaat sekali buat saya

    Like

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s

%d bloggers like this: