diff --git a/app/Views/porelease_view.php b/app/Views/porelease_view.php
index 395187b1..9f44e461 100644
--- a/app/Views/porelease_view.php
+++ b/app/Views/porelease_view.php
@@ -492,8 +492,15 @@ if (empty($Status)) {
 	});
 </script>
 
-<script src="https://cdn.datatables.net/plug-ins/1.10.16/sorting/datetime-moment.js"></script>
-<script>
+<script src="https://cdn.datatables.net/plug-ins/1.10.11/sorting/date-eu.js"></script>
+<script src="https://cdn.datatables.net/buttons/2.3.4/js/dataTables.buttons.min.js"></script>
+<script src="https://cdn.datatables.net/buttons/2.3.4/js/buttons.html5.min.js"></script>
+<script src="https://cdn.datatables.net/buttons/2.3.4/js/buttons.print.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>
+<script src="https://cdn.datatables.net/plug-ins/1.13.6/sorting/datetime-moment.js"></script>
+    <script>
 	$.fn.dataTable.ext.type.order['date-eu-pre'] = function(date) {
 		var dateSplit = date.split('/');
 		return (dateSplit[2] + dateSplit[1] + dateSplit[0]) * 1;
@@ -516,6 +523,26 @@ if (empty($Status)) {
 			"autoWidth": true,
 			"pageLength": 10,
 			"lengthMenu": [10, 25, 50, 100],
+			"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',
+                    text: 'Export to Excel',
+                    title: 'Approve Purchase Order List',
+                    exportOptions: {
+                        columns: ':visible:not(:last-child)' // Exclude first and last columns
+                    }
+                },
+                {
+                    extend: 'pdfHtml5',
+                    text: 'Export to PDF',
+                    title: 'Approve Purchase Order List',
+                    exportOptions: {
+                        columns: ':visible:not(:last-child)' // Exclude first and last columns
+                    }
+                }]
 
 		});