CMSM

Dd Debit Alokasi

Add Data

No.	Tanggal	Profil Pola Tanam	Id Ruas Saluran	Debit	Keterangan	Action
1	06-07-2024	Sample RTTD Tabo Tabo	B.T 0 - B.T 1	4,000 Lt/dt

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">Dd Debit Alokasi</div>
        <div>
            <a href="{BASE_URL}/cms/{ID_NAV}/insrt/add/{ID_PROTAB}/" type="button" class="btn btn-default"><i class="fa-solid fa-plus-large"></i> Add Data </a>
        </div>
    </div>
    <div class="panel-body">
        <table class="listing table table-striped">
            <thead><tr class="trth"><th class="sorting" idp="14" dh="id">No.</th>
                <th class="sorting" idp="14" dh="tanggal">Tanggal</th>
                <th class="sorting" idp="14" dh="fid_profil">Profil Pola Tanam</th>
                <th class="sorting" idp="14" dh="id_ruas_saluran">Id Ruas Saluran</th>
                <th class="sorting" idp="14" dh="debit">Debit</th>
                <th class="sorting" idp="14" dh="keterangan">Keterangan</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="fid_profil">{!fid_profil!}</td>
                <td class="id_ruas_saluran">{!id_ruas_saluran!}</td>
                <td class="debit px-5 text-end fn-5"><b class="fn-5">{!debit!}</b>  Lt/dt</td>
                <td class="keterangan">{!keterangan!}</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>
                    <button type="button" class="detail btn btn-sm btn-act" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="detail"><i class="fa-regular fa-magnifying-glass-plus"></i></button>
                    <button type="button" class="delete btn btn-sm btn-act" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="delete"><i class="fa-regular fa-trash-can"></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