JezK

Edit File: materialtransaction.php

<?php include("header.php"); ?>
<link href="css/shipmentstatus.css" type="text/css" rel="stylesheet"/>
<div class="container first-position">
   <div class="container mt-3 position-2">
      <div class="row px-md-4 px-0">
         <div class="tophead col-md-3">
            <h6>Material Transaction</h6>
         </div>
         <div class="col-md-7">
            <div class="row position-relative z-in">
                <div class="col-md-1">
                    <label for="startDate" class="mt-1 from_to_label mb-0" >From</label>
                </div>
                <div class="col-md-4">

<div class="col-md-4">
            
         </div>
      </div>
   </div>
   <div class="container ">
      <div class="table-responsive p-4 ">
         <table id="example" class="display bg-white tbl-border table-borderless" style="width:100%">
            <thead>
               <tr>
                    <th>Quotation ID</th>
                    <th>Warehouse ID</th>
                    <th>Warehouse Name</th>
                    <th>Item Code</th>
                    <th>Item Description</th>
                    <th>Quantity</th>
                    <th>Pallet No</th>
                    <th>Cost</th>
                    <th>status</th>
               </tr>
            </thead>
         </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-upload"></i><span class="pl-2">EXPORT.CSV</span></button>
         </div>
      </div>
   </div>
</div>

<?php include("footer.php"); ?>



<script>

$(document).ready(function() {
    $('#example').DataTable( {
        "processing": true,
        "dataSrc": "",
       
        // "sDom": 'Rlfrtlip',
        // "serverSide": true,
        // dom: 'Bfrtip',
        // buttons: [
            
        //                 {
        //         extend:    'csvHtml5',
        //         text:      '<i class="fa fa-file-text-o"></i>Export to  csv',
        //         titleAttr: 'CSV'
        //     },
            
        // ],
        "ajax": "stock.json",
        "columns": [
            
            { "data": "Quotation ID" },
            { "data": "Warehouse ID" },
            { "data": "Warehouse Name" },
            { "data": "Item Code" },
            { "data": "Item Description" },
            { "data": "Quantity" },
            { "data": "Pallet No" },
            { "data": "Cost" },
            { "data": "Status" },
   
            
        ]
    } );
   } );
   
   
   $('#startDate').datetimepicker({
		defaultDate: '',
        format: 'DD-MM-YYYY'
      
    });

$('#endDate').datetimepicker({
		defaultDate: '',
        format: 'DD-MM-YYYY'
      
    });
   
</script>