Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (68834 Members, 786 Products, 5386 Topic, 13072 Comments)

Marketplace Multi Seller Multi Buyer, Tampilan Orders Report

Dibuat
Login Terakhir 1 Tahun lalu,
Telah Dilihat 1094 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