add button datatable

resources/views/transaction/index.blade.php

@@ -481,6 +481,59 @@ use Illuminate\Support\Facades\Auth;
         overflow-x: auto !important;
     }
     
+    /* Ensure responsive controls are visible */
+    #claimTransactionsTable_wrapper .dtr-control {
+        position: relative !important;
+        cursor: pointer !important;
+        background-color: #f8f9fa !important;
+        border: 1px solid #dee2e6 !important;
+        width: 30px !important;
+        height: 30px !important;
+        display: flex !important;
+        align-items: center !important;
+        justify-content: center !important;
+        font-weight: bold !important;
+        color: #495057 !important;
+    }
+    
+    #claimTransactionsTable_wrapper .dtr-control:before {
+        content: "+" !important;
+        font-size: 16px !important;
+        line-height: 1 !important;
+    }
+    
+    #claimTransactionsTable_wrapper .dtr-control.dtr-expanded:before {
+        content: "-" !important;
+    }
+    
+    /* Ensure responsive child rows are properly styled */
+    #claimTransactionsTable_wrapper .dtr-details {
+        background-color: #f8f9fa !important;
+        border: 1px solid #dee2e6 !important;
+        padding: 10px !important;
+        margin: 5px 0 !important;
+        border-radius: 4px !important;
+    }
+    
+    #claimTransactionsTable_wrapper .dtr-details li {
+        border-bottom: 1px solid #e9ecef !important;
+        padding: 5px 0 !important;
+    }
+    
+    #claimTransactionsTable_wrapper .dtr-details li:last-child {
+        border-bottom: none !important;
+    }
+    
+    #claimTransactionsTable_wrapper .dtr-title {
+        font-weight: 600 !important;
+        color: #495057 !important;
+        margin-right: 10px !important;
+    }
+    
+    #claimTransactionsTable_wrapper .dtr-data {
+        color: #6c757d !important;
+    }
+    
     /* Responsive adjustments for smaller screens */
     @media (max-width: 768px) {
         #claimTransactionsTable {
@@ -2766,9 +2819,29 @@ use Illuminate\Support\Facades\Auth;
                 {data: 'action_postcheck', name: 'action_postcheck', title: 'Post Check', orderable: false, searchable: false},
             ],
             pageLength: 10,
-            responsive: true,
+            responsive: {
+                details: {
+                    type: 'column',
+                    target: 'tr'
+                }
+            },
             scrollX: true,
-            order: [[0, 'desc']]
+            order: [[0, 'desc']],
+            language: {
+                processing: "Memproses...",
+                lengthMenu: "Tampilkan _MENU_ data per halaman",
+                zeroRecords: "Tidak ada data yang ditemukan",
+                info: "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
+                infoEmpty: "Menampilkan 0 sampai 0 dari 0 data",
+                infoFiltered: "(disaring dari _MAX_ total data)",
+                search: "Cari:",
+                paginate: {
+                    first: "Pertama",
+                    last: "Terakhir",
+                    next: "Selanjutnya",
+                    previous: "Sebelumnya"
+                }
+            }
         });
     }