CMSM

Bangunan Bagi Irigasi

Add Data

No.	Jenis Bangunan	Nomenklature	Jenis Saluran	Tipe Saluran	Nama Saluran	Nama Juru	Petugas Pintu
33	Sadap	B.P 2	Sekunder	Menerus	Pangkajene	Mochammad Asharidwiputra. ST	H. Muhammad Nur
34	Sadap	B.P 11	Sekunder	Berakhir	Pangkajene	Mochammad Asharidwiputra. ST	Muh. Basir
35	Sadap	B.P 10	Sekunder	Menerus	Pangkajene	Mochammad Asharidwiputra. ST	Muh. Basir
36	Sadap	B.P 1	Sekunder	Menerus	Pangkajene	Mochammad Asharidwiputra. ST	H. Muhammad Nur

6 7 8910 11 12

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