52 lines
1.8 KiB
JavaScript
52 lines
1.8 KiB
JavaScript
|
|
datatableKalori.bootstrapTable({
|
|
url: "/dashboard/datatable/kalori",
|
|
showColumns: true,
|
|
showColumnsToggleAll: true,
|
|
showRefresh: true,
|
|
sortable: true,
|
|
search: true,
|
|
searchOnEnterKey: false,
|
|
searchHighlight: true,
|
|
pagination: true,
|
|
serverSide:true,
|
|
pageSize: 10,
|
|
pageList: [10, 20, 30],
|
|
cookie: true,
|
|
cookieIdTable: "datatableKalori",
|
|
icons: {
|
|
refresh: "fas fa-sync-alt", // atau ganti ke icon lain
|
|
columns: "fas fa-th-large"
|
|
},
|
|
|
|
columns: [
|
|
{
|
|
title: "Action",
|
|
field: 'kalori_id',
|
|
formatter: function(value, row) {
|
|
let buttons = ''
|
|
buttons += `
|
|
<button class="btn btn-sm btn-primary me-2" onclick="editKalori(this)" data-kalori_id="${row.kalori_id}" data-nilai_kalori="${row?.nilai_kalori}">
|
|
<i class="fa-solid fa-pencil"></i>
|
|
</button>
|
|
`
|
|
buttons += `
|
|
<button class="btn btn-sm btn-danger me-2" onclick="deleteKalori(this)" data-kalori_id="${row.kalori_id}" data-nilai_kalori="${row?.nilai_kalori}">
|
|
<i class="fa-solid fa-trash"></i>
|
|
</button>
|
|
`
|
|
return `
|
|
<div class="d-flex space-x">
|
|
${buttons}
|
|
</div>
|
|
`;
|
|
},
|
|
width: 120
|
|
},
|
|
{
|
|
title:"Nilai Kalori (Kkal)",
|
|
field:"nilai_kalori"
|
|
}
|
|
],
|
|
});
|