ria/app/Views/Report_totalorders.php

<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.4.2/css/buttons.dataTables.min.css">
      <style> 
          .dataTables_filter input {padding: 4px;}
         .dataTables_filter {
                            width: 50%;
                            float: right;
                            text-align: right;
                            }
			   .dataTables_paginate {
                            width: 50%;
                            float: right;
                            text-align: right;
                           }
		    div.dt-buttons {
                            position: relative;
                            float: right;

                           }
						   .btn-success {
								background-color:   #00d976;;
								border-color:   #00d976;;
							}	
		 
			   
	 </style> 
<div class="content-wrapper">
<section class="content">
 <div class="row" style="min-height: 600px;">
        <!-- Left col -->
        <div class="col-md-12">
        <!-- TABLE: LATEST ORDERS -->
          <div class="box box-info">
            <div class="box-header with-border">
              <center><h3 class="box-title"><p style="color:  #00d976;"><b>Total Orders</b>
			  <br><br>
			  <?php
			  
			  if($this->input->post('financialyear')){
				  $ab=$this->input->post('financialyear'); 
				  echo '('.$ab.')';
				  echo ' ';
				  
			  }
			 
			  ?></p></h3></center>
			</div>
			<!-- /.box-header -->
				 <div class="col-xs-12 col-md-4 col-md-offset-4">
			  
                      
                      <center> 
					  <div class="panel-body">
					  <form method="post" action=" ">
					  <div class="col-md-8">
					  <select class="form-control" id="financialyear" name="financialyear">
					 <option value="">Select Budget Year</option>
					 <?php 
					 foreach($finyear as $item):
							 
							{?>
							
							<option value="<?php echo $item->financial_year;?>"><?php echo $item->financial_year ;  ?></option>
							
							         
							 <?php } endforeach; ?>
					  
					   </select></div>
					   <div class="col-md-2">
                        <input type="submit" class="btn btn-success" id="year" name="btn_submit"
                               value="View Report"></div>
                          </form>
						  </div>
							</center>
                 
           	
           </div>
           	
			 
		       
			 <div class="box-body">
              <div>
                <table class="table table-bordered table-hover" id="req" style="font-size:14px;">
				<thead>
                     <tr>
					   
				       <th>Department</th>
					   <th>PO Created</th>
					   <th>Special PO</th>
					   <th>Approver Onhold</th>
					   <th>Approved</th>
					   <th>Releaser Onhold</th>
					   <th>Released</th>
					   <th>IGR Created</th>
					   <th>MRIR Rejected</th>
					   <th>MRIR Approved</th>
					   <th>Service completed</th>
					   
					   
					   
					   
                       
                       
                      </tr>
                    </thead>
				    <tbody>
				       <?php if(!empty($Total)){
					   foreach($Total as $rel)
					    {				
					   ?> 
					  <tr>
					    
                        <td><span><?php echo $rel->Dept_Name?></span></td>
						<td align="right"><span><?php echo $rel->PO_Created?></span></td>
						<td align="right"><span><?php echo $rel->Special_po?></span></td>
						<td align="right"><span><?php echo $rel->Approver_Onhold?></span></td>
				        <td align="right"><span><?php echo $rel->Approved?></span></td>
						<td align="right"><span><?php echo $rel->Releaser_Onhold?></span></td>
						<td align="right"><span><?php echo $rel->Released?></span></td>
						<td align="right"><span><?php echo $rel->IGR_Created?></span></td>
						<td align="right"><span><?php echo $rel->MRIR_Rejected?></span></td>
						<td align="right"><span><?php echo $rel->MRIR_Approved?></span></td>
						<td align="right"><span><?php echo $rel->Service_completed?></span></td>
					     </tr>
			           <?php
					    }
						
					   }
					   ?>
			        </tbody>
			      </table>
			 
				</div>
			   </div>
			</div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
	  </div>
	  </section>
	  </div>
	 


	<script src="https://cdn.datatables.net/buttons/1.4.2/js/dataTables.buttons.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
	<script src="https://cdn.datatables.net/buttons/1.4.2/js/buttons.html5.min.js"></script>
	<script src="https://cdn.datatables.net/buttons/1.4.2/js/buttons.colVis.min.js"></script>
	  
<script> 
	

// Bootstrap datepicker
// Set up your table
$(document).ready(function() {
    table = $('#req').DataTable( {
		"language": {
        "emptyTable":     "<center> Data Not Found ! </center>"
        },
        "dom": "<'row'<'col-md-6'l><'col-md-6'Bf>>" +
"<'row'<'col-md-6'><'col-md-6'>>" +
"<'row'<'col-md-12't>><'row'<'col-md-4'i><'col-md-8'p>>",
        buttons: [
            
            {
                extend: 'excelHtml5',
				footer: 'true',
				//messageTop: $('h3').text(),
				title: $('h3').text(),
                exportOptions: {
                    columns: ':visible'
					
                }
            },
            
            'colvis'
        ]
    } );
} );



	</script>