Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67536 Members, 783 Products, 5294 Topic, 12957 Comments)

Bagaimana cara Membuat horizontal scrollbar pada datatable

Dibuat
Login Terakhir 10 Bulan lalu,
Telah Dilihat 8579 Kali
Jajang n hidayat Mengatakan : Sultan Account 
  1. assalamu'alaikum
  2.  
  3. mau tanya mohon bantuannya saya mw buat table yg ada horizontal scrollnya, karena tablenya panjang jadi butuh scroll, saya mw aplikasikan di sourcode aplikasi surat mas roby mohon pencerahannya thanx apa saja yg perlu di tambahkan
Ada 1 File Kiriman :
1. scrollbar.png (27 KB)

Ada 6 Jawaban

PHPMU.COM Support
commented on 08 Des 2015 09:26:21		 
  1. // Css Style
  2. thtable { display: block; overflow: scroll; }
  3. maintable { table-layout: fixed; width: 100% }
  4.  
  5. Ubah Class Table menjadi seperti dibawah ini : 
  6. <table class="table table-striped table-bordered table-hover maintable" >
  7. <thead class="thtable">
  8. <tbody class="thtable">
Jajang n hidayat
commented on 13 Des 2015 23:21:53		 
  1. terima kasih mas sudah saya coba memang horizontal scrollbar nya sudah muncul tapi masalahnya datatables nya malah jadi hilang dan memanjang ke bawah, saya ada sample dari datatables.com ==>https://datatables.net/examples/basic_init/scroll_xy.html mohon arahan untuk mengapliasikannya gimana yah
Terdapat 1 File dilampirkan :
1. hasil.png (45 KB)
PHPMU.COM Support
commented on 14 Des 2015 08:36:31		 
  1. Oke mas, silahkan di sedot file berikut,..
  2. Tinggal dikoneksikan saja dengan databasenya...
Terdapat 1 File dilampirkan :
1. Contoh_datatable_scrollY_scrollX.zip (63 KB)
Jajang n hidayat
commented on 15 Des 2015 00:05:51		 
  1. terima kasih sangat membantu, wassalamu'alikum wr. wb
M lukman dalimunthe
commented on 03 Mar 2019 22:33:36		 
  1. Assalam,.. Mas kalau tak bisa tampil scroll tablenya, hasilnya seperti ini
Terdapat 1 File dilampirkan :
1. tanya_masalah_scroll_table.jpg (336 KB)
Bukhori Muslim
commented on 06 Mar 2019 07:17:48		 
  1. "M. Lukman Dalimunthe "
  2. Assalam,.. itu untuk datatable di backend mas, jika di foruntend tidak bisa pake ini, karena di front end belum ada include 
  3. library datatable dan bootstrap juga, namun jika Bootsrap di include ke front end juga akan merusak template web,
  4. namun bisa dicoba dulu include library datatabse dengan cara buka file "application/views/phpmu-tigo/template.php"
  5. lalu di dalam tag <head></head> tambahkan :
  6. <link rel="stylesheet" href="<?php echo base_url(); ?>/asset/admin/plugins/datatables/dataTables.bootstrap.css">
  7.  
  8. lalu dibagaina bawah di atas tag </body> tambahkan :
  9. <script src="<?php echo base_url(); ?>asset/admin/plugins/datatables/jquery.dataTables.min.js"></script>
  10.     <script src="<?php echo base_url(); ?>asset/admin/plugins/datatables/dataTables.bootstrap.min.js"></script>
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!

CV Asktech Indonesia

Cari Produk Digital, Freelancer Terbaik dan Terpercaya di Indonesia

CV Asktech Indonesia
Jl. Angkasa Puri, Perundam V, Tunggul Hitam
Padang 25176 - Indonesia

Telp./Fax. (0751) 461695
Phone/WA. +62-812-6777-1344
E-mail robby.prihandaya@gmail.com

Tentang Kami

Jam Layanan

  • Senin - Jum'at: 09:00 - 17:00 WIB
  • Sabtu - Minggu: 09:00 - 15:00 WIB

Knowledgebase