Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67512 Members, 783 Products, 5291 Topic, 12956 Comments)

bagaimana cara menambahkan scroll horizontal pada tabel

Dibuat
Login Terakhir 3 Tahun lalu,
Telah Dilihat 1064 Kali
Mzainudin Mengatakan : Sultan Account
  1. Assalamualaikum Warahmatullahi Wabarakatuh...maaf mau tanya bagaimana cara menambahkah scrol horizonntal pada tabel website responsif?
Ada 1 File Kiriman :
1. IMG_20180627_081001.jpg (3 MB)

Ada 6 Jawaban

Bukhori Muslim
commented on 27 Jun 2018 08:25:21
  1. Assalam,.. buka file index.php lalu cari :
  2. $("#example1").DataTable();
  3.  
  4. dan ubah menjadi :
  5. $('#example1').DataTable( {
  6. "scrollY": true,
  7. "scrollX": true
  8. } );
Mzainudin
commented on 27 Jun 2018 09:57:36
  1. terima kasih atas bantuan pak bukhori...sudah sy terapkan tapi tdk tampil scroll horizontalnya ya pak..mohon solusinya?
Terdapat 1 File dilampirkan :
1. 1530068179379-404301354.jpg (5 MB)
Mzainudin
commented on 27 Jun 2018 10:02:29
  1. kode nya sy ketik seperti lampiran ini...tetal tidk bisa geser kekanan..mohon arahanya pak terima kasih sebelumnya?
Terdapat 1 File dilampirkan :
1. 1530068454889-1325078429.jpg (5 MB)
Bukhori Muslim
commented on 27 Jun 2018 11:12:15
  1. Assalam,.. walah file size lampirannya besar sekali mas,
  2. jariangan saya disini agak lelet mas, dan kuota pas2an,
  3. kalau bisa file scrennshotnya di kompress jadi 1 MB maksimal mungkin,. ^_^'
Mzainudin
commented on 27 Jun 2018 14:44:26
  1. ini pak hasil nya scrollnya tidak tampil mohon bantuanya??
Terdapat 1 File dilampirkan :
1. Hasilnya_scroll_horozontalnya_tdk_tampil.pdf (139 KB)
PHPMU.COM Support
commented on 28 Jun 2018 06:24:58
  1. Assalam,.. pastikan telusuri dulu file dari halaman ini, bisa dilihat dari urlnya
  2. jika dari gambar berarti view=soal, buka index.php cari :
  3. if ($_GET[view]=='soal'), akan ketemu nanti didalam rule tersebut
  4. include "application/quiz_ujian_soal.php";
  5.  
  6. silakan buka filenya dengan text editor dan coba begini,
  7. pada tg table tambahkan di atasnya :
  8. <div class='table-responsive'>
  9.  
  10. dan setelah tag table penutup :
  11. </div>
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!