137 lines
5.3 KiB
PHP
137 lines
5.3 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 rowspan="3">1</td>
|
|
<td rowspan="3" class="blue-cell">Kearifan / Kebijakan lokal yang dijalankan / ditaati</td>
|
|
<td>Perlindungan terhadap tanaman penyerapan air (misal: beringin) yang dibuktikan dengan papan
|
|
larangan / aturan tertulis / stiker</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">Ada</option>
|
|
<option value="1">Tidak Ada</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Larangan menebang pohon produktif (misal: durian) yang dibuktikan dengan papan larangan / aturan
|
|
tertulis / stiker</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 aturan lokal yang dipakai. Jika Ada, tuliskan di kolom keterangan (dibuktikan dengan tulisan
|
|
yang menjelaskan aturan lokal)</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">Ada</option>
|
|
<option value="1">Tidak Ada</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td class="blue-cell">Kebijakan desa / kelurahan</td>
|
|
<td>Memiliki kebijakan desa / kelurahan. Jika Ya, dibuktikan dengan kebijakan tertulis tersebut</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>3</td>
|
|
<td class="blue-cell">Kebijakan kecamatan / kabupaten / kota</td>
|
|
<td>Memiliki kebijakan kecamatan atau kabupaten / kota. Jika Ya, dibuktikan dengan kebijakan tertulis
|
|
tersebut</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>
|