JezK

Edit File: agarwalPackersMaterialHistoryView.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="agarwalPackersMaterialHistory.php" class="text-dark pl-md-5">&nbsp;<img src="images/back_main.png"></a>
<div id="agrawal-materialView-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>Agarwal Packers Material History View</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>Quatation ID</th>
                  <th>Item Description</th>
                  <th>Quantity</th>
                  <th>Cost</th>
                  <th>Date</th>
				  <th>Transaction Type</th>
                    </tr>
                </thead>
				<tbody>
                  <tr>
                  <td>1</td>   
                  <td>2r3d</td>
                  <td>5g6f</td>
                  <td><a href="#" data-toggle="tooltip" data-placement="bottom" title="example123@mail.com" class="moretext-tooltip">example@mail.com</a></td>
                  <td>Test123</td>
                  <td>Test123</td>
				  <td>Receving Transaction</td>
                  </tr>  
                <tr>
                  <td>1</td>   
                  <td>2r3d</td>
                  <td>5g6f</td>
                  <td><a href="#" data-toggle="tooltip" data-placement="bottom" title="example123@mail.com" class="moretext-tooltip">example@mail.com</a></td>
                  <td>Test123</td>
                  <td>Test123</td>
				   <td>issuing Transaction</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">&nbsp;EXPORT.XLSX</span></button>
         </div>
      </div>
   </div>
</div>

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

<style>
	.tooltip.fade{
		top:2% !important;
		right:0% !important;
		}
</style>
<script>
   $(document).ready(function() {
   
  
    $('#startDate, #endDate').datetimepicker({
        format: "DD-MM-YYYY"  
    
	});
    $('#example').DataTable( {
       language: { search: "",
			 searchPlaceholder: "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'
        //     },
            
        // ]
       
    } );
} );
   
   
   $(document).ready(function(){
  $('[data-toggle="tooltip"]').tooltip();   
});   
   
</script>