MENAMPILKAN DATA PADA DATABASE My SQL DI DALAM TABEL DENGAN PHP

Untuk menampilkan data pada database tentu saja diperlukan sebuah database yang telah dibuat. Ok...coba buat database dengan struktur gambar seperti dibawah.

Kemudian  kita buat tabel dengan menggunakan tag <table> pada HTML
 pada pembuatan tabel ada beberapa tag HTML yang sering digunakan yaitu

• <table>  === > tag awal untuk membuat pada tabel
• <td>      === > membuat kolom pada tabel
• <tr>       === > membuat baris pada tabel
• <th>      === > membuat baris pada tabel

• < align=....> = Untuk mengatur letak tulisan.

• < colspan=....> = Untuk menggabungkan sekian kolom menjadi satu. (jika diisi dengan 3, maka 3   kolom menjadi satu

• < rowspan=...> = Untuk menggabungkan sekian baris menjadi satu. (jika diisi dengan 5, maka 5 baris menjadi satu

• < cellpadding=...> = Untuk memberi jarak antara setiap konten spt. kolom dan baris. (Semakin tinggi nilai yang diberikan semakin jauh jaraknya. Biasa diketik menjadi < table cellpadding=...>

• < width=...> = Untuk melebarkan tabel. Diisi dengan angka biasa maupun persentase  

• < font size=...> = Untuk mengubah ukuran font. (+) untuk memperbesar, (-) untuk memperkecil.

Ok...kita mulai dengan script PHP .....

<?php
 include 'koneksi.php';
 $tampildata=mysql_query("select * from tb_staff");
?>

<table>
<thead>
        <tr align="center">
            <th> ID </th>
            <th>Nama</th>
            <th>ID Jabatan</th>
            <th>Jabatan</th>
        </tr>
      
        <?php
            $hasil=$tampildata;
            while ($row = mysql_fetch_object($hasil))
            {
                echo "<td>".$row->idstruktur."</td>";
                echo "<td>".$row->nama_pegawai."</td>";
                echo "<td>".$row->idjabatan."</td>";
                echo "<td>".$row->namajabatan."</td>";
                echo "</tr>";
            }
        ?>
</thead>
</table>
Jika telah selesai maka output dari script tersebut seperti gambar dibawah

pada gambar tidak ada garis yang membatasi antara masing-masing kolom dan baris. Jika ingin ada garis silahkan coba dengan menggunakan <table border = "1">, maka pasti akan garis.
Untuk melihata bagaimana cara membuatnya coba simak video tutorial berikut

CLICK TO VIEW THE VIDEO TUTORIAL