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 "> <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> </table> </div> </div> <div class="container"> <div class="row"> <div class="col-md-4"> <!-- <div class="form-group d-flex"> <label class="c_grey">Show entries</label> <select class="form-control show_entities" id="sel1" > <option value="10">10</option> <option value="25">25</option> <option value="100">100</option> <option value="500">500</option> </select> </div> --> </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-upload"></i><span class="pl-2">EXPORT.CSV</span></button> </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: "" }, "processing": true, "dataSrc": "", "sDom": 'Rfrtlip', // "sDom": 'Rlfrtlip', // "serverSide": true, // dom: 'Bfrtip', // buttons: [ // { // extend: 'csvHtml5', // text: '<i class="fa fa-file-text-o"></i>Export to csv', // titleAttr: 'CSV' // }, // ], "ajax": "invoice.json", "columns": [ { "data": "Invoice No" }, { "data": "Quotation ID" }, { "data": "Customer" }, { "data": "Value" }, { "data": "Email" }, { "data": "Status" }, ] } ); } ); </script>