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>