137 lines
5.2 KiB
PHP
137 lines
5.2 KiB
PHP
<style>
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
|
|
.table-container {
|
|
/* max-width: 100%;
|
|
overflow-x: auto; Agar bisa di-scroll ke samping jika tabel terlalu lebar
|
|
max-height: 400px; Tinggi maksimal tabel
|
|
overflow-y: auto; Scroll vertikal jika konten lebih tinggi
|
|
border: 1px solid #ccc; */
|
|
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
min-width: 1200px;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
border: 1px solid #ccc;
|
|
padding: 8px;
|
|
text-align: left;
|
|
}
|
|
|
|
th {
|
|
background-color: #a6ddf0;
|
|
}
|
|
|
|
thead th {
|
|
position: sticky;
|
|
top: 0;
|
|
background-color: #f4f4f4;
|
|
/* Warna latar belakang header */
|
|
z-index: 2;
|
|
}
|
|
|
|
.checkbox {
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
<div class="table-container warp-text">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>No</th>
|
|
<th>Komponen</th>
|
|
<th>Uraian</th>
|
|
<th>Data</th>
|
|
<th>Keterangan</th>
|
|
<th>Bukti Pendukung (diisi dengan link dokumen Pendukung)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<!--Awal Tabel-->
|
|
<tr>
|
|
<td>a</td>
|
|
<td class="blue-cell">Tingkat keswadayaan masyarakat</td>
|
|
<td>Jumlah penduduk (KK) yang menyumbang dana / barang kegiatan masyarakat > 60%. (Jika Ya,
|
|
dibuktikan dengan aturan terkait atau catatan / daftar donatur)</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Ya</option>
|
|
<option value="1">Tidak</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td rowspan="2">b</td>
|
|
<td rowspan="2" class="blue-cell">Sistem pendanaan lembaga</td>
|
|
<td>Memiliki dana mandiri dari iuran anggota lembaga</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Ya</option>
|
|
<option value="1">Tidak</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Ada pembukuan keuangan yang tertib dikelola Bendahara</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Ya</option>
|
|
<option value="1">Tidak</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>c</td>
|
|
<td class="blue-cell">Kesetaraan gender</td>
|
|
<td>Perlakuan setara / proporsional partisipasi laki-laki dan perempuan</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Ya</option>
|
|
<option value="1">Tidak</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>d</td>
|
|
<td class="blue-cell">Kelompok rentan</td>
|
|
<td>Proporsi tingkat partisipasi kelompok rentan (anak-anak, lansia, disabilitas). (Jika Ya,
|
|
dibuktikan dengan dokumentasi keterlibatannya dalam kegiatan)</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Ya</option>
|
|
<option value="1">Tidak</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<!--akhir-->
|
|
</tbody>
|
|
</table>
|
|
</div>
|