 <!-- In table requested by , requested department , total quantity are hard coded  , recived quantity and remarks should be fill by gate keeper --->
<style>
   .pagination {
   margin:0px !important;
   }
   
</style>  
	 <div class="content-wrapper">
    <!-- Content Header (Page header) -->
 
    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-xs-12">
          <div class="box">
            <div class="box-header">
              <center><h3 class="box-title">Siddharth Industries - Purchase Order Full List</h3></center>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="viewfullpo" class="table table-bordered table-hover editablTable">
                <thead>
                <tr bgcolor="LightSlateGray ">
				<th>#</th>
				<th>PONO#</th>	
				<th>Request By</th>	
				<th>Request Dept</th>				
				<th>PO Date</th>
				<th>Delivery Date</th>				
				<th>Supplier Name</th> 				 
				<th>Orderd Quantity</th>
				<th>Recived Quantity</th>				
				<th>Remarks</th>
                </tr>
                </thead>
                <tbody><?php
                    if(!empty($POData))
                    {
						 $index = 0;
                        foreach($POData as $record)
                        {
							$index = $index + 1;
                    ?>
					<tr id="<?php echo $index ; ?>">
						<td align="left"><?php echo $index ; ?></td> 
						<td><?php echo $record->PONO ?></td>  
						<td>saravana</td>	<!-- Request by-->
						<td>Admin</td>	<!-- Request dept-->				
						<td align="right"><?php echo $record->PODate ?></td> 					 
						<td align="right"><?php echo $record->DeliveryDate ?></td> 					
						<td><?php echo $record->SupplierName ?></td>                                        					     
						<td>10000 kgs</td>	<!-- Orderd Quantity-->
						<td></td>	<!-- Recived Quantity-->				                     						 
						<td></td>	<!-- Remarks-->
                    </tr>
					 <?php
                        }
                    }
                    ?>
                </tbody>
               
              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
 
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
		  <script>
  $(function () { 
    $('#viewfullpo').DataTable({
      "paging": true,
      "lengthChange": true,
      "searching": true,
      "ordering": true,
      "info": true,
      "autoWidth": true
    });
  });
  $(function () { $("tds").dblclick(function () { var OriginalContent = $(this).text(); $(this).addClass("cellEditing"); $(this).html("<input type='text' value='" + OriginalContent + "' />"); $(this).children().first().focus(); $(this).children().first().keypress(function (e) { if (e.which == 13) { var newContent = $(this).val(); $(this).parent().text(newContent); $(this).parent().removeClass("cellEditing"); } }); $(this).children().first().blur(function(){ $(this).parent().text(OriginalContent); $(this).parent().removeClass("cellEditing"); }); }); });
 
</script>