JezK
Edit File: invoices.php
<?php include("header.php"); ?> <div class="container"> <div class="container mt-3 px-md-4 px-0"> <div class="row px-md-4 px-0"> <div class="tophead col-md-12"> <h5>Invoices</h5> </div> </div> </div> <div class="container "> <div class="table-responsive table_flow p-4 myquotation-table"> <table id="example" class="display bg-white tbl-border table-borderless ove" style="width:100%;"> <thead> <tr> <th>Invoice No</th> <th>Quotation ID</th> <th>Customer</th> <th>Value</th> <th>Email</th> <th>Status</th> </tr> </thead> <tr> <td>25120</td> <td>215</td> <td>Robin</td> <td>25</td> <td>Robin@uflexit.com</td> <td>Active</td> </tr> <tr> <td>25120</td> <td>215</td> <td>Robin</td> <td>25</td> <td>Robin@uflexit.com</td> <td>Active</td> </tr> <tr> <td>25120</td> <td>215</td> <td>Robin</td> <td>25</td> <td>Robin@uflexit.com</td> <td>Active</td> </tr> <tr> <td>25120</td> <td>215</td> <td>Robin</td> <td>25</td> <td>Robin@uflexit.com</td> <td>Active</td> </tr> <tr> <td>25120</td> <td>215</td> <td>Robin</td> <td>25</td> <td>Robin@uflexit.com</td> <td>Active</td> </tr> </table> </div> </div> <div class="container"> <div class="row"> <div class="col-md-4"> </div> <div class="col-md-4 mt-1 align-items-center"> <div id="pagination"></div> </div> <div class="col-md-4 text-right "> <button id="export" class="btn btn-primary"><i class="fa fa-download"></i><span class="pl-2">EXPORT.CSV</span></button><br> </div> </div> </div> </div> <!-- footer --> <?php include("footer.php"); ?> <!-- <script src="js/jquery.pagination.min.js"></script> --> <!----> <script> let $ =jQuery; $(document).ready(function() { $('#example').DataTable( { language: { search: "", searchPlaceholder:"search" }, "processing": true, "dataSrc": "", "sDom": 'Rfrtlip', } ); } ); </script>