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);"></a></li>
                                    <li class="breadcrumb-item active">
                                    <h4 class="page-title"><b>   </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="col-md-2">
										<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>
								<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>
	// Bootstrap datepicker
	// Set up your table

// 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>