Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (68986 Members, 788 Products, 4713 Topic, 13106 Comments)

Marketplace Multi Seller Multi Buyer, Tampilan Orders Report

Dibuat
Login Terakhir 1 Tahun lalu,
Telah Dilihat 1108 Kali
Fadil Maulana Malik Mengatakan : Sultan Account
  1. Assalamualaikum Warahmatullahi Wabarakatuh...
  2.  
  3. mohon bantuannya tampilan orders report saat di buka di Hp dan semacamnya hanya tampil sebagian, contoh seperti gambar dibawah.
  4.  
  5. terimakasih
Ada 1 File Kiriman :
1. WhatsApp_Image_2019-07-02_at_11_44_48.jpeg (64 KB)

Ada 2 Jawaban

PHPMU.COM Support
commented on 03 Jul 2019 08:03:29
  1. Assalamualaikum,.. Buka file "application/views/phpmu-tigo/reseller/members/view_orders_report.php"
  2. baris 9 tablenya : <table class='table table-hover table-condensed'>
  3.  
  4. ubah menjadi :
  5. <table id='example2' style='overflow-x:scroll; width:96%' class="table table-bordered table-striped table-condensed">
  6.  
  7. Terakhir buka file "application/views/phpmu-tigo/template.php"
  8. didalam tag <head> </head> tambahkan :
  9. <link rel="stylesheet" href="<?php echo base_url(); ?>/asset/admin/plugins/datatables/dataTables.bootstrap.css">
  10.  
  11. diatas tag </body> tambahkan :
  12. <script src="<?php echo base_url(); ?>asset/admin/plugins/datatables/jquery.dataTables.min.js"></script>
  13. <script src="<?php echo base_url(); ?>asset/admin/plugins/datatables/dataTables.bootstrap.min.js"></script>
  14. <script>
  15. $(function () {
  16. $('#example2').DataTable({
  17. "paging": true,
  18. "lengthChange": false,
  19. "searching": true,
  20. "ordering": true,
  21. "info": true,
  22. "autoWidth": false,
  23. "lengthMenu": [[30, 55, 70, -1], [30, 55, 70, "All"]]
  24. });
  25. });
  26. </script>
  27.  
  28. Simpan dan selesai,..
PHPMU.COM Support
commented on 03 Jul 2019 08:15:40
  1. Assalamualaikum,.. oo ya ada yang ketinggaln, tambahkan di dalam config datatable di atas :
  2. "scrollX": true, nanti jadinya gini :
  3. <script>
  4. $(function () {
  5. $('#example2').DataTable({
  6. "paging": true,
  7. "lengthChange": false,
  8. "searching": true,
  9. "ordering": true,
  10. "info": true,
  11. "scrollX": true,
  12. "autoWidth": false,
  13. "lengthMenu": [[30, 55, 70, -1], [30, 55, 70, "All"]]
  14. });
  15. });
  16. </script>
  17.  
  18. saya lampirkan juga filenya dibawah ini,..
Terdapat 2 File dilampirkan :
1. template2.zip (3 KB)
2. view_orders_report.zip (1 KB)
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!

Online