CMSM

Bangunan Bagi Irigasi

Add Data

No.	Jenis Bangunan	Nomenklature	Jenis Saluran	Tipe Saluran	Nama Saluran	Nama Juru	Petugas Pintu
45	Sadap	B.M 5A	Sekunder	Menerus	Matojeng	Haris Pratama	Haerul Anwar
46	Sadap	B.M 5	Sekunder	Menerus	Matojeng	Haris Pratama	Haerul Anwar
47	Sadap	B.M 4	Sekunder	Menerus	Matojeng	Haris Pratama	Muh. Arif
48	Sadap	B.M 3	Sekunder	Menerus	Matojeng	Haris Pratama	Ambo Tuo

9 10 111213 14 15

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