datatableMasterJadwalKonsul.bootstrapTable({
        url: "/dashboard/datatable/jadwal-konsul",
        showColumns: true,
        showColumnsToggleAll: true,
        showRefresh: true,
        sortable: true,
        search: true,
        searchOnEnterKey: false,
        searchHighlight: true,
        pagination: true,
        serverSide: true,
        pageSize: 10,
        pageList: [10, 20, 30, 40, 50, 100, 200],
        cookie: true,
        icons: {
            refresh: "fas fa-sync-alt",   // atau ganti ke icon lain
            columns: "fas fa-th-large"
        },

        columns: [
            {
                title: "Action",
                field: 'jadwal_konsul_id',
                formatter: function(value, row) {

                    let buttons = ''
                        buttons += `
                            <button class="btn btn-sm btn-primary me-2" onclick="editMasterJadwalKonsul(this)" data-jadwal_konsul_id="${row.jadwal_konsul_id}"
                            data-nama_dokter="${row?.nama_dokter}"
                            data-tgl_available="${encodeURIComponent(JSON.stringify(row?.tgl_available || []))}"
                            >
                                <i class="fa-solid fa-pencil"></i>
                            </button>
                        `

                        buttons += `
                            <button class="btn btn-sm btn-danger me-2" onclick="deleteMasterJadwalKonsul(this)"
                            data-jadwal_konsul_id="${row?.jadwal_konsul_id}"
                            data-nama_dokter="${row?.nama_dokter}"
                            >
                                <i class="fa-solid fa-trash"></i>
                            </button>
                        `
                    return `
                        <div class="d-flex space-x">
                        ${buttons}
                        </div>
                    `;
                },
                width: 120
            },
            {
                title:"Dokter",
                field:"nama_dokter",
                width: 300
            },
            {
                title:"Tanggal Tersedia",
                field:"jadwal_konsul_id",
                formatter: function(value, row){
                    let tglAvlb = '';
                    tglAvlb = row?.tgl_available ? row?.tgl_available.map(item => item?.tgl_harian).join(', ') : '-';
                    return tglAvlb;
                }
            },

        ]
    });