arifal/CKB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add button datatable

Browse Source
This commit is contained in:
arifal
2025-09-19 22:45:29 +07:00
parent f4234ee573
commit e94dd1ff81
4 changed files with 12687 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11167
public/css/app.css
View File

File diff suppressed because one or more lines are too long

1211
public/js/app.js
View File

File diff suppressed because one or more lines are too long

242
public/js/vendor.js
View File

File diff suppressed because one or more lines are too long

77
resources/views/transaction/index.blade.php
View File

@@ -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"
}
}
});
}