JezK
Edit File: viewtransactionlist.php
<?php include_once("./app/checkSession.php"); if(empty($_SESSION['user_id'])&& $_SESSION['user_id']=='') { header("Location: ../owner_login.php"); } include("header.php"); ?> <style> .previous{ border-radius: 7px !important; background-color: #1988ff !important; border-color: #1988ff !important; font-weight: bold; color:white !important ; } .next{ border-radius: 7px !important; background-color: #1988ff !important; border-color: #1988ff !important; font-weight: bold; color:white !important ; } </style> <div class="container"> <div class="container mt-3 px-md-4 px-0 pb-3"> <div class="row"> <div class="col-md-4"> <h5>Received Transaction details</h5> </div> </div> <div class="col-md-4"> </div> <div class="col-md-4"> </div> </div> </div> <div class="container "> <div class="table-responsive p-md-4 p-0 myquotation-table"> <table id="example"class="display bg-white tbl-border table-borderless display nowrap" style="width:100%"> <thead> <tr> <th>Sno</th> <th>Quotation ID</th> <th>Customer Name</th> <th>Country</th> <th>Email</th> <th>Status</th> <th>Action</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>125151</td> <td>Robin</td> <td>Saudhi</td> <td>Robin@gmail.com</td> <td>Active</td> <td><a href="individualtransactionview.php"> <img src="images/more.png"></a></td> </tr> <tr> <td>2</td> <td>125151</td> <td>Robin</td> <td>Saudhi</td> <td>Robin@gmail.com</td> <td>Active</td> <td><a href="individualtransactionview.php"> <img src="images/more.png"></a></td> </tr> <tr> <td>3</td> <td>125151</td> <td>vdsvd</td> <td>Jordan</td> <td>sfdafn@gmail.com</td> <td>Active</td> <td><a href="individualtransactionview.php"> <img src="images/more.png"></a></td> </tr> <tr> <td>4</td> <td>125151</td> <td>daani</td> <td>Saudhi</td> <td>Robin@gmail.com</td> <td>Active</td> <td><a href="individualtransactionview.php"> <img src="images/more.png"></a></td> </tr> <tr> <td>5</td> <td>545455</td> <td>saga</td> <td>jordan</td> <td>Rsaan@gmail.com</td> <td>Active</td> <td><a href="individualtransactionview.php"> <img src="images/more.png"></a></td> </tr> </tbody> </table> </div> </div> <!-- footer --> <?php include("footer.php"); ?> <style type="text/css"> /* #example tr.active td{ background-color: #ffd5d5; } */ </style> <script> jQuery(document).ready(function() { jQuery('#example').DataTable( { "processing": true, "dataSrc": "", "dom": 'Bfrtip', language: { search: '', searchPlaceholder: "Search" }, // "sDom": 'Rlfrtlip', // "serverSide": true, // dom: 'Bfrtip', buttons: [ { extend: 'csvHtml5', text: '<i class="fa fa-download p-1"></i>Export to csv', titleAttr: 'CSV' }, ], } ); } ); $(document).ready(function() { jQuery('#example2').DataTable( { dom: 'Bfrtip', language: { search: '', searchPlaceholder: "Search" }, buttons: [ { extend: 'excel', text: '<i class="fa fa-file-text-o"></i>Export to csv', } ] } ); } ); </script> <script src="https://code.jquery.com/jquery-3.5.1.js" type="text/javascript"></script> <script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js" type="text/javascript"></script> <script src="https://cdn.datatables.net/buttons/1.6.5/js/dataTables.buttons.min.js" type="text/javascript"></script> <script src="https://cdn.datatables.net/buttons/1.6.5/js/buttons.flash.min.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js" type="text/javascript"></script> <script src="https://cdn.datatables.net/buttons/1.6.5/js/buttons.html5.min.js" type="text/javascript"></script> <script src="https://cdn.datatables.net/buttons/1.6.5/js/buttons.print.min.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css"> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.6.5/css/buttons.dataTables.min.css">