Default page

⚝ One Hat Cyber Team ⚝
Your IP: 192.168.31.6
Server IP: 192.168.1.11
Server: Linux pams 6.1.0-29-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.123-1 (2025-01-02) x86_64
PHP Version: 8.2.28
Buat File | Buat Folder
Dir : ~/var/www/pams/modules/Device/Views/
Viewing : detail.php

<style type="text/css">
    .dtfc-fixed-left {
        background-color: white !important; /* Atau warna latar belakang tabel Anda */
    }
</style>
<div class="page-content">
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-flex align-items-center justify-content-between">
                <h4 class="page-title mb-0 font-size-18"><?= $title ?></h4>

                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="javascript: void(0);"><?= $li_1 ?></a></li>
                        <?php if(isset($li_2)):  ?>
                            <li class="breadcrumb-item active"><?= $li_2 ?></li>
                        <?php endif ?>
                    </ol>
                </div>

            </div>
        </div>
    </div>
    <!-- end page title -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <div class="card-tools float-end">
                        <button onclick="add(0)" class="btn btn-sm btn-primary">Tambah</button>
                    </div>
                </div>
                <div class="card-body">
                    <table id="datatable-buttons" class="table table-striped table-bordered"
                        style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Nama</th>
                                <th>Jumlah Finger</th>
                                <th>Jumlah Wajah</th>
                                <th>Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php
                                foreach ($tugas as $t) {
                                //esc($user->un ?? '-')
                                //esc ($fp[$t->id] ??  '0')
                            ?>
                            <tr>
                                <td><?=$t->id?></td>
                                <td><?=$t->nama?></td>
                                <td><?=esc ($fp[$t->id] ??  '0')?></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <?php
                                }
                            ?>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- end col -->
    </div>
    <!-- end row -->
</div>

<script type="text/javascript">
$(document).ready(function() {
    var table = $('#datatable-buttons').DataTable({
        scrollX: true,
        fixedColumns: {
            leftColumns: 2 // Contoh: membekukan 1 kolom dari kiri
            // rightColumns: 1 // Contoh: membekukan 1 kolom dari kanan (opsional)
        },
        lengthChange: false,
        dom: 'Blfrtip', // 'B' untuk Buttons, dan sisa elemen default     
        buttons: ['copy', 'excel', 'pdf'],
        paging:   false, // Menonaktifkan paging
        scrollY:  "60vh", // Mengatur tinggi area data tabel (sesuaikan nilai pixelnya)
        scrollCollapse: true // Opsional: mengecilkan tinggi container saat data tidak cukup mengisi
    });

    table.buttons().container()
        .appendTo('#datatable-buttons_wrapper .col-md-6:eq(0)');
    $("#datatable_length select").addClass('form-select form-select-sm');
} );
</script>