CLOSE
CLOSE
agungjaka
nugraha.com

Cara Gampang Membuat Tabel Responsive di Blog

Cara Membuat Tabel Responsive

Cara Gampang Membuat Tabel Responsive di Blog. Mungkin postingan ini tidak berguna bagi anda yang sedang membuat postingan tanpa memasang atau memerlukan tabel dalam postingannya. Namun tidak ada ruginya jika anda mengikuti sebentar, barangkali postingan ini sangat berguna bagi kita yang memerlukan suatu saat. Silakan simpan halaman ini dengan menekan Cntrl+D.

Cara ini bisa dikatakan terbilang gampang sekali. hanya menambahkan css sedikit saja maka tabel anda akan langsung responsive.

Penasaran? Yuk kita simak!

Cara Mudah Memasang Tabel Responsive di Blog

  1. Buka postingan anda dalam mode HTML
  2. Jika biasanya tabel dalam HTML diawali dengan <table> maka kali ini tambahkan <div class="table-responsive"> sebelum kode tadi
  3. Jangan lupa pada akhir </table> tambahkan juga </div> untuk menutup kode pada langkah 2.
  4. Silakan simpan postingan anda, kemudian kita masuk ke menu Tema > Edit HTML
  5. Tambahkan CSS dibawah ini pada b:skin atau style
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

.table {
width: auto !important;
}
Demikian trik simple membuat tabel responsive di blog, semoga bermanfaat.

Cara Membuat Tabel Responsive di Blog

Next PostPosting Lebih Baru Previous PostPosting Lama Beranda
#top