[ask] Cara membuat tabel menjadi responsive di blog

Selamat siang mastah",
Mohon bantuanya dong, cara agar tabel responsive di blog gimana ya?
saya coba cari di google belum ketemu"..saya juga gak paham dengan css
untuk yang tahu, mohon bantuannya ya..terimakasih

 

Tabelnya hanya ini kok

Spoiler

@media screen and (max-width:1216px){
/* kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:1024px){
/* kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:992px){
/* kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:880px){
. /* kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:768px){
/* kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:736px){
/* kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width: 667px){
/* kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:600px){
/* kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:568px){
/* kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:480px){
/* kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:414px){
/* kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width: 375px){
/* kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:320px){
/* kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:240px){
/* kode css yang ingin diubah ukurannya disini */
}

 

Kode paling simpel. Di CSS tulis kode berikut

Code:

table {width:100%}

Coba aja dulu ganti 100% ke 90%. Sesuai selera sih.

 

Minta html sama css nya yang responsive dong bang
Saya ngambil tabel dari ms word kurang responsive di hp

 

waduh aku kurang paham kode css kang andre , tapi akan coba saya pahami terlebih dahulu ..

 

Bukannya itu hanya lebarnya om...dibuka di hp tetep lebar

 

Untuk media layar yang sempit dan hanya membutuhkan vertical scroll.
Coba contoh ini : https://css-tricks.com/examples/ResponsiveTables.zip

 

berhasil om, seperti ini hasilnya : http://update4apk.blogspot.co.id/2015/12/tabel.html
tapi yang aku maksud sperti ini om : http://nyarihape.blogspot.co.id/2015/12/harga-hp-vivo-x6plus-spesifikasi.html

 

ane liat udah responsive tuh gan?

 

Iya gan, itu udah jadi