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
61	L.5 ka2	Labakkang	Golongan 1	25 %	54.00 Ha	80 CM	Romijn	tidak	Haris Pratama	Romijn	1	1742268168
62	Ma.1 ki	Macinna	Golongan 1	25 %	6.00 Ha	80 CM	Romijn	ada	Haris Pratama	Romijn	1	1742268168
63	Ma.1 ka	Macinna	Golongan 1	25 %	30.00 Ha	80 CM	Romijn	ada	Mochammad Asharidwiputra. ST	Romijn	1	1742268168
64	Ma.2 ki	Macinna	Golongan 1	25 %	15.00 Ha	80 CM	Romijn	ada	Erwin	Romijn	1	1742268168

13 14 151617 18 19

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