ria/app/Views/requisitionlisting.php

<?php

		$DraftCount = '';
		$ReqNo = '';
		if(!empty($Status))
{
    foreach ($Status as $St)
    {
		$DraftCount = $St->cnt;
		$ReqNo = $St->ReqNo;
	}
	//echo $ReqNo;
}?>
	<style>
	#Requisition_filter{
		float: inline-end;
	}	
	#Requisition_wrapper .row  .col-sm-4{ 
		flex-basis: 50%;
		float: inline-end;
	}
	#Requisition_paginate .pagination { 
		flex-basis: 50%;
		float: inline-end;
		margin:0 0 15px;
	}
	#Requisition_wrapper .row:nth-child(3), #Requisition_wrapper .row:nth-child(1){
		padding: 0 15px;
	}
	#Requisition_info{
		margin-top: 5px;
	}
	.dataTables_wrapper{
		padding-bottom: 0;
	}
	</style>

<script>
  

 function DeleteRow(rowid)
{
	    
		 id = rowid;		 
		 
	    var answer = confirm(" Do you want to delete the Requisition?")
		if (answer) 
		{ 	
	      				
			 $.ajax({ 
			data:{id:id},
			type:"POST",
			url:"<?php echo base_url() ?>requisitionform/DeleteReqNo", 
			success: function (data) {
					if (data && data.message) {
						alert(data.message); 
						location.reload(true);
					} else {
						alert("Error Occur");
					}
				},
				error: function (xhr, status, error) {
					
					alert("Request failed: " + error);
				}
			});
			}
		}
       	

</script>
 <style>
span.highlight {
    background-color: yellow;
}

</style>

<div class="content-wrapper">
   
    <section class="content">
       
        <div class="row">
            <div class="col-xs-12">
              <div class="box">
                <div class="box-header">
					<center><b><h3 class="box-title">Requisition Listing</h3></b></center>
                     
                </div><!-- /.box-header -->
				<?php if($DraftCount > 0 ) {?><p style="text-align: center;">
                  <span class="highlight">The Requisition No <b><?php echo $ReqNo;?></b> is in Draft status.</span>  Please act on the requisition.<span class="highlight">Then only you can raise New Requisition. </span>
				</p> <?php } ?>
                <div class="row">
            <div class="col-md-12 text-right" style="margin-left:-2%;">
                <div class="form-group">
				   <?php if($DraftCount == 0)
				   {					   ?>
				   <a class="btn btn-success" onclick="Test()" href="<?php echo base_url(); ?>RequisitionForm">Raise New Requisition</a><?php   }?>
					
                </div>
            </div>
        </div>
                  <table id="Requisition"  class="table table-bordered table-hover" style="background-color:#fff;font-size:12px;">
				  <thead style="background-color: #ddd;">
				    <tr>
					  <th>Requisted Date</th>	
                      <th>Requisition No</th>
					  <th>Requisition Type</th> 
					  <th>Tot No.OfLineItem </th>
					  <th>Po CreatedLineItem</th>
					  <th>Partially PoCreatedLineItem</th>
					  <th>NewLine Item</th>					   
					  <th>Status</th>
					  <th>Action</th>						 						                       
                 
						  </tr>
                </thead>	




                	 <?php
                    if(!empty($TotNoOfLine))
                    {
                        foreach($TotNoOfLine as $record)
                        { //print_r($record);
                    ?>
                    <tr>
					<td> <?php $Pdt =	new DateTime($record->CreatedDate );
							$PODate =  $Pdt->format('d-m-Y');
					       echo $PODate ?>
					</td> 
					<td><?php echo $record->ReqNo ?></td>                     
					<td><?php echo $record->ReqType ?></td> 
                    <td><?php echo $record->TotalNoofLineItems ?></td> 
                     <td><?php echo $record->PolineItems ?></td> 
                      <td><?php echo $record->PartilallyLineItems ?></td> 
                     <td> <?php echo $record->newLineItem ?></td> 


					<td><?php echo $record->StatusName ?></td>                     
					                    
					<td>   <a  	 data-toggle="tooltip"  href="<?php echo base_url().'EditRequisitionForm?ReqNo='.$record->ReqNo.'&ReqType='.$record->ReqType; ?>"><i class="fa fa-pencil" data-toggle="tooltip" title="<?php echo $record->ReqNo; ?>  -  Click here to view Requisition details"></i>&nbsp;&nbsp;&nbsp;</a> <a data-toggle="tooltip"  onclick="DeleteRow('<?php echo $record->ReqNo; ?>' )"   ><span class="glyphicon glyphicon-trash" title="<?php echo $record->ReqNo; ?>  -  Click here to Delete Requisition details"></span></a> </td>            
                    </tr>
					
                 <?php
                        }
                    }
                    ?>
                  </table>
                  
              
                </div>
				</div>
				</div>
				</section>
				</div>
				<script src="https://cdn.datatables.net/plug-ins/1.10.11/sorting/date-eu.js"></script>
	<script>
	$(function () {
  
		// $('#Requisition').DataTable({
		// "paging": true,
		// "lengthChange": true,
		// "searching": true,
		// "ordering": true,
		// "columnDefs": [{"targets": 0, "type": "date-eu"}],
		// "aaSorting": [[1, "desc"]],
		// "info": true,
		// "autoWidth": true,
		// "pageLength": 10  
		// });

		$(document).ready(function() {
		$('#Requisition').DataTable({
			"paging": true,              // Enable pagination
			"lengthChange": true,        // Enable the option to change the number of rows per page
			"searching": true,           // Enable searching
			"ordering": true,            // Enable column ordering
			"columnDefs": [{"targets": 0, "type": "date-eu"}],  // Column definitions for date formatting
			"aaSorting": [[1, "desc"]],   // Default sorting: sort by the 2th column (index 1) in descending order
			"info": true,                // Show pagination info
			"autoWidth": true,           // Enable automatic column width adjustment
			"pageLength": 10,             // Set the default number of rows per page to 10
			"lengthMenu": [10, 25, 50, 100]  // Options for the number of rows per page in the dropdown
		});
		});


  });
	</script>