CMSM

Bangunan Bagi Irigasi

Add Data

No.	Jenis Bangunan	Nomenklature	Jenis Saluran	Tipe Saluran	Nama Saluran	Nama Juru	Petugas Pintu
21	Bagi Sadap	B.Pl 11	Sekunder	Menerus	Padanglampe	Husra	Maggu
22	Bagi	B.Pl 10	Sekunder	Menerus	Padanglampe	Husra	Abd. Waris
23	Bagi Sadap	B.Pl 1	Sekunder	Menerus	Padanglampe	Husra	Muh. Ishak
24	Sadap	B.Pc 1	Sekunder	Berakhir	Paccelang	Mochammad Asharidwiputra. ST	Arifuddin

3 4 567 8 9

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">Bangunan Bagi Irigasi</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="2" dh="id">No.</th>
                <th class="sorting" idp="2" dh="tipe_bangunan">Jenis Bangunan</th>
                <th class="sorting" idp="2" dh="nomenklature">Nomenklature</th>
                <th class="sorting" idp="2" dh="jenis_saluran">Jenis Saluran</th>
                <th class="sorting" idp="2" dh="tipe_saluran">Tipe Saluran</th>
                <th class="sorting" idp="2" dh="nama_saluran">Nama Saluran</th>
                <th class="sorting" idp="2" dh="juru">Nama Juru</th>
                <th class="sorting" idp="2" dh="ppa">Petugas Pintu</th>
                <th>Action</th></tr></thead>
        <tbody>

<tr class="trtd" data_id="{ID}"><td class="no">{NO}</td>
                <td class="tipe_bangunan">{!tipe_bangunan!}</td>
                <td class="nomenklature">{!nomenklature!}</td>
                <td class="jenis_saluran">{!jenis_saluran!}</td>
                <td class="tipe_saluran">{!tipe_saluran!}</td>
                <td class="nama_saluran">{!nama_saluran!}</td>
                <td class="juru">{!juru!}</td>
                <td class="ppa">{!ppa!}</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