2025-04-27 22:31:11 +07:00

49 lines
1.5 KiB
JavaScript

dataTable.bootstrapTable({
url:'datatable/ruangan-pelayanan',
showColumns: true,
showColumnsToggleAll: true,
showRefresh: true,
sortable: true,
search: true,
searchOnEnterKey: false,
searchHighlight: false,
pagination: true,
pageSize: 10,
pageList: [25, 50, 100, 200],
cookie: true,
icons: {
refresh: "fas fa-sync",
columns: "fas fa-th-list",
},
columns: [
{
title: "Name",
field: "name",
sortable: true,
},
{
title: "Action",
field: "uid",
sortable: true,
formatter: (value, row) => {
let buttons = "";
buttons += `
<button class="btn btn-datatable btn-icon btn-primary my-auto" onclick="editData(this)" data-uid="${row.uid}" data-name="${row.name}" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Edit">
<i class="far fa-edit fa-fw"></i>
</button>
`
buttons += `
<button class="btn btn-datatable btn-icon btn-danger ml-2" onclick="deleteData('${row?.uid}', '${row?.name}')" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Delete">
<i class="far fa-trash-can fa-fw"></i>
</button>
`
return `
<div class="d-flex space-x">
${buttons}
</div>
`;
},
},
],
});