CMSM

Petak Tersier

Add Data

No.	Nama Sadap	Saluran	Gol Pelaksanaan	Kehilangan	Luas	Lebar Bg. Ukur	Jenis Bg. Ukur	Bgn Ukur	Petugas	Jenis Pintu	Golongan	Flag
69	P.8 ka1	Pangkajene	Golongan 1	25 %	15.00 Ha	40 CM	Ambang Lebar	Romijn	Erwin	Tidak di temukan pintu ( Rusak)	1	1742268168
70	P.5 ka1	Pangkajene	Golongan 1	25 %	71.00 Ha	50 CM	Romijn	ada	Husra	Romijn	1	1742268168
71	L.4 ka2	Labakkang	Golongan 1	25 %	50.00 Ha	0 CM		tidak ada	Erwin	Tidak ditemukan pintu	1	1742268168
72	L.2 ki2	Labakkang	Golongan 1	25 %	56.00 Ha	0 CM	Romijn	tidak ada	Husra	Sorong	1	1742268168

15 16 171819 20 21

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</div>
        <div><button type="button" id="data_search" class="btn btn-default"><i class="fa-regular fa-magnifying-glass"></i> </button></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="3" dh="id">No.</th>
                <th class="sorting" idp="3" dh="nama_sadap">Nama Sadap</th>
                <th class="sorting" idp="3" dh="saluran">Saluran</th>
                <th class="sorting" idp="3" dh="gol_pelaksanaan">Gol Pelaksanaan</th>
                <th class="sorting" idp="3" dh="losses">Kehilangan</th>
                <th class="sorting" idp="3" dh="luas">Luas</th>
                <th class="sorting" idp="3" dh="lebar_bg_ukur">Lebar Bg. Ukur</th>
                <th class="sorting" idp="3" dh="jenis_bg_ukur">Jenis Bg. Ukur</th>
                <th class="sorting" idp="3" dh="ada_bgn_ukur">Bgn Ukur</th>
                <th class="sorting" idp="3" dh="petugas">Petugas</th>
                <th class="sorting" idp="3" dh="jenis_pintu">Jenis Pintu</th>
                <th class="sorting" idp="3" dh="golongan">Golongan</th>
                <th class="sorting" idp="3" dh="flag">Flag</th>
                <th>Action</th></tr></thead>
        <tbody>

<tr class="trtd" data_id="{ID}"><td class="no">{NO}</td>
                <td class="nama_sadap">{!nama_sadap!}</td>
                <td class="saluran">{!saluran!}</td>
                <td class="gol_pelaksanaan">{!gol_pelaksanaan!}</td>
                <td class="losses">{!losses!} %</td>
                <td class="luas text-end">{!luas!} Ha</td>
                <td class="lebar_bg_ukur text-end">{!lebar_bg_ukur!} CM</td>
                <td class="jenis_bg_ukur">{!jenis_bg_ukur!}</td>
                <td class="ada_bgn_ukur">{!ada_bgn_ukur!}</td>
                <td class="petugas">{!petugas!}</td>
                <td class="jenis_pintu">{!jenis_pintu!}</td>
                <td class="golongan">{!golongan!}</td>
                <td class="flag">{!flag!}</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