CMSM

Petak Tersier Data Debit 5 Harian

No.	Tanggal	Petak Tersier	Panca	MT	Luas Lahan	Pengolahan	Panen	Bera	Keb. Air	Faktor K	Debit Ditetapkan
97	16-08-2025	Kl.2 ki	31	3	58.00	1.20	0.00	56.00	3	0.96	3
98	16-08-2025	Kl.1 ka	31	3	25.00	1.80	0.00	22.00	5	0.96	5
99	16-08-2025	Ub.2 ka	31	1	74.00	0.00	74.00	0.00	0	0.96	0
100	16-08-2025	Ub.2 ki	31	1	59.00	0.00	59.00	0.00	0	0.96	0

22 23 242526 27 28

Use custom template

<div class="panel">
    <div class="panel-header d-flex align-items-center px-2">
        <div class="icon fn-6"><i class="fa-regular fa-list fa-lg"></i></div>
        <div class="title flex-grow-1">Petak Tersier Data Debit 5 Harian</div>
    </div>
    <div class="panel-body">
        <table class="listing table table-striped">
            <thead><tr class="trth"><th class="sorting" idp="9" dh="id">No.</th>
                <th class="sorting" idp="9" dh="tanggal">Tanggal</th>
                <th class="sorting" idp="9" dh="nama_sadap">Petak Tersier</th>
                <th class="sorting" idp="9" dh="periode">Panca</th>
                <th class="sorting" idp="9" dh="mt">MT</th>
                <th class="sorting" idp="9" dh="luas_lahan">Luas Lahan</th>
                <th class="sorting" idp="9" dh="luas_pengolahan">Pengolahan</th>
                <th class="sorting" idp="9" dh="luas_panen">Panen</th>
                <th class="sorting" idp="9" dh="luas_palawija">Palawija</th>
                <th class="sorting" idp="9" dh="luas_tebu">Tebu</th>
                <th class="sorting" idp="9" dh="luas_bera">Bera</th>
                <th class="sorting" idp="9" dh="kebutuhan_air">Keb. Air</th>
                <th class="sorting" idp="9" dh="faktor_k">Faktor K</th>
                <th class="sorting" idp="9" dh="debit_perintah">Debit Ditetapkan</th>
                <th class="sorting" idp="9" dh="debit_real">Realisasi</th>
                <th>Action</th></tr></thead>
        <tbody>

<tr class="trtd" data_id="{ID}"><td class="no">{NO}</td>
                <td class="tanggal">{!tanggal!}</td>
                <td class="nama_sadap  fw-bold">{!nama_sadap!}</td>
                <td class="periode text-center">{!periode!}</td>
                <td class="mt text-center">{!mt!}</td>
                <td class="luas_lahan text-end">{!luas_lahan!}</td>
                <td class="luas_pengolahan text-end">{!luas_pengolahan!}</td>
                <td class="luas_panen text-end">{!luas_panen!}</td>
                <td class="luas_palawija">{!luas_palawija!}</td>
                <td class="luas_tebu">{!luas_tebu!}</td>
                <td class="luas_bera">{!luas_bera!}</td>
                <td class="kebutuhan_air text-end">{!kebutuhan_air!}</td>
                <td class="faktor_k text-center">{!faktor_k!}</td>
                <td class="debit_perintah text-end">{!debit_perintah!}</td>
                <td class="debit_real text-end">{!debit_real!}</td>
                <td class="action text-center">
                    <button type="button" class="update btn btn-sm btn-act"  data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Update"><i class="fa-regular fa-pen-to-square"></i></button>
                </td></tr>
      
        
        </tbody>
        </table></div>
   <div class="panel-footer p-2"><div class="text-center">{!PAGING!}</div></div>
</div>

Title
SubTitle
Table Property
Sub From
On Click
Optional Setting
Icon
Hidden

List Modul