JezK
Edit File: warehouse_invoices.php
<?php include_once("./app/checkSession.php"); //~ if(empty($_SESSION['user_id'])&& $_SESSION['user_id']=='') //~ { //~ header("Location: ../owner_login.php"); //~ } $wid=''; if(isset($_REQUEST['wid'])) { $wid = $_REQUEST['wid']; } include("header.php"); ?> <link rel="stylesheet" href="css/invoicestyle.css" type="text/css"> <div class="container px-md-5 px-4"> <div class="row px-2 px-md-2 align-items-center"> <div class="col-md-4"> <h5>Invoices</h5> </div> </div> </div> <div class="container first-position myquotation-table"> <div class="container mt-2 px-md-5 px-3 position-2"> <div class="row px-0 align-items-center"> <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"> <table id="example" class="display bg-white tbl-border table-borderless" style="width:100%"> <thead> <tr> <th>Invoice Number</th> <th>Customer</th> <th>Customer Type</th> <th>Quotation ID</th> <th>Value</th> <th>Action</th> </tr> </thead> <tbody> </tbody> </table> <div class="container position-relative"> <div class="row export_csv"> <div class="col-md-3 offset-md-9 "> <button id="export" class="btn btn-primary"><i class="fa fa-download"></i><span class="pl-2">EXPORT.CSV</span></button> </div> </div> </div> </div> </div> </div> <!-- footer --> <?php include("footer.php"); ?> <!-- <script src="js/jquery.min.js"></script> --> <!-- <script src="js/jquery.pagination.min.js"></script> --> <!----> <script> jQuery(document).ready(function() { jQuery('#example').DataTable( { "processing": true, //~ "dataSrc": "", //~ "dom": 'Bfrtip', //~ "dom": 'Rlfrtlip', language: { search: '', searchPlaceholder: "Search", paginate: {previous: 'Prev',next: 'Next'}}, "pagingType": "full_numbers", "bProcessing": true, "bServerSide": true, "sAjaxSource": "app/invoices_ajax.php?wid=<?php echo $wid; ?>", "ordering": false, "aoColumns": [{ mData: 'invoice_id' } , { mData: 'customer_name' }, { mData: 'customer_type' } , { mData: 'quotation_id' }, { mData: 'invoice_value' }, { mData: 'action' } ] } ); }); </script> <style> input#submit { padding: 5px 15px; margin-top: 10px; font-size: 17px !important; background: linear-gradient(to bottom, rgba(230,230,230,0.1) 0%, rgba(0,0,0,0.1) 100%); background-color: #3663c8 } #export { margin-bottom:-85px; } </style>