JezK
Edit File: dashboardInvoices.php
<?php include("./app/checkSession.php"); if(empty($_SESSION['name'])&&$_SESSION['name']==""){ echo "<script>window.location.href='index.php'</script>"; } include("header.php"); ?> <a href="dashboard.php" class="text-dark pl-md-5"> <img src="images/back_main.png"></a> <div id="dashboard-invoice-table" class="container first-position myquotation-table"> <div class="container mt-3 position-2 "> <div class="row px-md-4 px-0"> <div class="tophead col-md-4"> <h6>Invoices</h6> </div> <div class="col-md-6"> <div class="row position-relative z-in"> <div class="col-md-1"> <label class="mt-1 from_to_label mb-0" >From</label> </div> <div class="col-md-4"> <div class="cal_img_div"> <label for="startDate" class="mb-0" > <img class="cal_img" src="images/calendar.png"> </label> </div> <input class="form-control" value="" id="startDate" style="padding-left:35px" placeholder="Select Date"> </div> <div class="col-md-1"> <label class="mt-1 from_to_label" >To</label> </div> <div class="col-md-4"> <div class="cal_img_div"> <label for="endDate" class="mb-0" > <img class="cal_img" src="images/calendar.png"> </label> </div> <input class="form-control" value="" id="endDate" style="padding-left:35px" placeholder="Select Date"> </div> </div> </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>S.No</th> <th>Warehouse Name</th> <th>Invoice No</th> <th>Quotation ID</th> <th>Customer ID</th> <th>Value</th> <th>Email</th> <th>Status</th> <th>View</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>2r3d</td> <td>5g6f</td> <td>Test</td> <td><a href="#" data-toggle="tooltip" data-placement="bottom" title="Description" class="moretext-tooltip">Description</a></td> <td>1</td> <td>500</td> <td><a href="#" data-toggle="tooltip" data-placement="bottom" title="On Hand Stock" class="tooltips">09</a></td> <td><a href="agarwalPackersInvoice.php"><i class="fa fa-eye icon icon-display" style="color:#3663c8;"></i></a></td> </tr> <td>1</td> <td>2r3d</td> <td>5g6f</td> <td>Test</td> <td><a href="#" data-toggle="tooltip" data-placement="bottom" title="Description" class="moretext-tooltip">Description</a></td> <td>1</td> <td>500</td> <td><a href="#" data-toggle="tooltip" data-placement="bottom" title="On Hand Stock" class="tooltips">09</a></td> <td><a href="agarwalPackersInvoice.php"><i class="fa fa-eye icon icon-display" style="color:#3663c8;"></i></a></td> </tr> </tbody> </table> </div> </div> <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.XLSX</span></button> </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> $(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": "yourstock.json", // "columns": [ // { "data": "S.No" }, // { "data": "Quatation ID" }, // { "data": "Warehouse ID" }, // { "data": "Warehouse Name" }, // { "data": "Item Code" }, // { "data": "Item Description" }, // { "data": "Quantity" }, // { "data": "Pallet No" }, // { "data": "Cost" }, // { "data": "Status" }, // { "data": "View" } //] } ); } ); $(document).ready(function(){ $('[data-toggle="tooltip"]').tooltip(); }); </script>