Membuat Tabel Responsive Dibuka Versi Mobile Ataupun Desktop

X-Quadrat - Dari berbagai macam keperluan Dunia Blogging, ada yang terbaikan dari perhatian Kita, Pengunjung tidak sepenuhnya menggunakan Laptop Atau PC Saat menjelajah Blog kita, Bahkan Pengunjung Blog bisa dikatakan Pengguna Mobile Lebih Banyak Dari pengguna yang membuka Versi Dekstop, Ini bisa anda cek Via Google Analytics dalam akun anda, Yang Belum daftarkan Blognya Silahkan Daftar pada Link ini ; http://www.google.com/analytics/ . Anda Bisa melihat detail pengunjung anda disana, Perangkat apa, Operator apa, OS Apa, Ukuran layar berapa, Tak terkecuali Nama Atau pun Umur pengunjung, Itu tidak ada. Tapi bukan Itu yang akan dibahas Kali ini, Tapi Cara "Membuat Tabel Responsive Dibuka Versi Mobile Ataupun Desktop".

Ini adalah Langkah yang saya ambil ketika saya membuat Tabel untuk keperluan Bloging. tabel ini sederhana dan responsive juga Friendly saat pengunjung membukanya dari Handphone.

Kalo Yang ini Adalah Kode Tabel 3 Kolom :

<table border="1" cellpadding="0" cellspacing="1"><tbody> <tr> <th align="left">
<b>NO</b></th> <th align="left"><b>Nama Barang</b></th> <th align="left"><b>Harga Barang</b></th></tr>
<tr> <td>1</td> <td>Celana Levi's</td> <td>Rp.465.000,-</td> </tr> <tr>
 <td>2</td> <td>Baju Koko</td> <td>Rp.465.000,-</td> </tr> <tr>
 <td>3</td> <td>Sandal</td> <td>Rp.465.000,-</td> </tr>
<tr> <td>4</td> <td>Kaos Kaki</td> <td>Rp.465.000,-</td> </tr>
</tbody> </table>

 Dan ini Adalah Hasilnya

NO	Nama Barang	Harga Barang
1	Celana Levi's	Rp.465.000,-
2	Baju Koko	Rp.465.000,-
3	Sandal	Rp.465.000,-
4	Kaos Kaki	Rp.465.000,-

Nah itulah Pembahasan Cara Membuat Tabel Yang Responsive. Happy Blog'S