ria/app/Views/Report_totalorders.php

<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.4.2/css/buttons.dataTables.min.css">
<style>
	
	table{
		width:auto;
	}

	.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; */

	}
</style>

<div class="content-page">
	<div class="content">
		<!-- Start Content-->
		<div class="container-fluid">
			<!-- start page title -->
			<div>
				<div class="row">
					<div class="col-12">
						<div class="page-title-box page-title-box-alt">
						<div class="page-title-right">
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a href="javascript: void(0);">Reports</a></li>
                                    <li class="breadcrumb-item"><a href="javascript: void(0);">Requisation</a></li>
                                    <li class="breadcrumb-item active">
                                    <h4 class="page-title"><b>  Total Orders </b></h4>
                                    </li>
                                </ol>
                            </div>
							
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-12">
						<div class="card">
							<!-- <form class="Date-filter-form" id="DateRangeFilter" style="margin-top: 14px;margin-bottom: -11px;margin-left: 33px;"> -->

							<div class="card-body">

							<form method="post" action=" ">
									<div class="row">
										<div class="col-2">
											<label for="">Select Budget Year </label>
											<select class="form-control" id="financialyear" name="financialyear">
												<option value="">Select Year</option>
													<?php 
													foreach($finyear as $item):
															
															{?>
															
														<option 
															<?php echo isset($givenYear) && $givenYear == $item->financial_year 
															? "selected" : "" ?>

															value="<?php echo $item->financial_year;?>">
															<?php echo $item->financial_year ;  ?>
														</option>
															
																	
															<?php } endforeach; ?>
												
											</select>
										</div>
										<div class="col-10 mt-2 text-right">
										<input type="button" class="btn btn-danger m-2" value="Reset" onclick="window.location.href='<?= base_url('TotalOrder') ?>';">
											<input type="submit" class="btn btn-success" id="year" name="btn_submit"
												value="View Report">
										</div>
									</div>
									
                          </form>
								<table id="req" class="table table-bordered table-hover wrap" style="background-color:#fff;width: 100% !important;">

									<!-- <table class="table table-bordered table-hover" id="asset_list_table" style="background-color:#fff;font-size:12px;"> -->
										<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>
                                        <tfoot  width="100%">

                                        </tfoot>
								</table>
							</div> <!-- end card body-->
						</div> <!-- end card -->
					</div><!-- end col-->
				</div>
			</div>
		</div> <!-- container -->
	</div> <!-- content -->
</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 src="https://cdn.datatables.net/plug-ins/1.10.16/sorting/datetime-moment.js"></script>

<script>
	$(document).ready(function() {
		// Initialize the DataTable with only pagination enabled
		var table = $('#req').DataTable({
			dom: 'Blfrtip',
            buttons: [
                {
					extend: 'excel',
					text: 'Excel',
				}
            ],
			paging: true, // Enable pagination
			searching: true, // Disable search
			ordering: false, // Disable column sorting
			info: false, // Disable table information
			lengthChange: false, // Disable page length options
			pageLength: 10, // Default rows per page
			responsive: true, // Keep responsive design
			language: {
				paginate: {
					next: '<i class="fas fa-angle-right"></i>', // Next button icon
					previous: '<i class="fas fa-angle-left"></i>' // Previous button icon
				}
			}
		});
	});

</script>

<script>
	$(document).ready(function(){
		$('#financialyear').select2();
	})
	
</script>