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
57	L.4 ki	Labakkang	Golongan 1	25 %	17.00 Ha	59 CM	Romijn	tidak	Husra	Romijn	1	1742268168
58	L.4 ka1	Labakkang	Golongan 1	25 %	50.00 Ha	60 CM	Romijn	ada	Erwin	Romijn	1	1742268168
59	L.5 ki1	Labakkang	Golongan 1	25 %	125.00 Ha	75 CM	Romijn	ada	Husra	Romijn	1	1742268168
60	L.5 ka1	Labakkang	Golongan 1	25 %	105.00 Ha	80 CM	Romijn	ada	Haris Pratama	Romijn	1	1742268168

12 13 141516 17 18

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