ui : GWM

app/Views/porelease_view.php

@@ -15,10 +15,31 @@ if(empty($Status))
 	}
 
 	.modal
-{
+	{
 		padding-right:25% ! important;
-}
+	}
-            </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>
 <div class="content-wrapper">
     
  
@@ -311,8 +332,6 @@ $("#myModal").on("shown.bs.modal", function(e) {
 	
 });
 
-<!-- End of JQuery For POP UP and Getting all relevant Data -->
-
 function printpdf(PONO,value,Status) {
 	
 	
@@ -403,23 +422,25 @@ $(function () {
       "autoWidth": false
 	   
     }); 
-$.fn.dataTable.moment( 'DD-MM-YYYY' );
+
+	$.fn.dataTable.moment( 'DD-MM-YYYY' );
 		$('#Requisition').DataTable({
-      "paging": true,
+			columnDefs: [{ width: 200}],
-      "lengthChange": true,
+			fixedColumns: true,
-      "searching": true,
+			paging: true,
-      "ordering": true,
+			lengthChange: true,
-            "aaSorting": [[ 6, "desc" ]],
+			searching: true,
-
+			ordering: true,
+			aaSorting: [[ 6, "desc" ]],
 			// "columnDefs" : [{"targets":6, "type":"date-eu"}],
+			info: true,
+			autoWidth: true,
+			pageLength: 10,           
+			lengthMenu: [10, 25, 50, 100] 
 		
-      "info": true,
-      "autoWidth": true
-      //"data-sort-name":Status
 		
 		}); 
 	});
 	</script>
-		<!-- <script src="https://cdn.datatables.net/plug-ins/1.10.11/sorting/date-eu.js"></script>
+	
- -->
 <script src="https://cdn.datatables.net/plug-ins/1.10.16/sorting/datetime-moment.js"></script>