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
13	T.3 ka1	Tabo Tabo	Golongan 1	25 %	10.00 Ha	50 CM	Ambang Lebar	ada	Haris Pratama	Sorong	1	1742268168
14	T.3 ki	Tabo Tabo	Golongan 1	25 %	50.00 Ha	0 CM	Ambang Lebar	tidak ada	Haris Pratama	Sorong	1	1742268168
15	T.2 ki	Tabo Tabo	Golongan 1	25 %	27.00 Ha	0 CM	Ambang Lebar	tidak ada	Haris Pratama	Sorong	1	1742268168
16	T.1 ka	Tabo Tabo	Golongan 1	25 %	39.00 Ha	0 CM		tidak ada	Haris Pratama	Sorong	1	1742268168

1 2 345 6

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