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
141	P.3 ki	Pangkajene	Golongan 2	25 %	24.00 Ha	45 CM	Romijn	ada	Haris Pratama	Romijn	1	1742268168
142	P.3 ka1	Pangkajene	0	25 %	52.00 Ha	44 CM	Ambang Lebar	ada	Erwin	Romijn	1	1742268168
143	P.3 ka2	Pangkajene	Golongan 2	25 %	64.00 Ha	45 CM	Romijn	ada	Haris Pratama	Romijn	1	1742268168
144	Bs.1 ki2	Bontosunggu	0	25 %	39.00 Ha	0 CM		tidak ada	Mochammad Asharidwiputra. ST	Sorong	1	1742268168

33 34 3536

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