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

Marketplace Multi Seller Multi Buyer, Tampilan Orders Report

Dibuat
Login Terakhir 5 Bulan lalu,
Telah Dilihat 968 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 !!!