CMSM

Rencana Pembagian dan Pemberian Air Irigasi

Add Data

No.	Golongan	Saluran	Nama Sadap	Luas	Kehilangan	Petugas
65	Golongan 1	Macinna	Ma.1 ki	6.00 Ha	25 %	Haris Pratama
66	Golongan 1	Macinna	Ma.1 ka	30.00 Ha	25 %	Mochammad Asharidwiputra. ST
67	Golongan 2	Matojeng	M.6 ki	88.00 Ha	25 %	Mochammad Asharidwiputra. ST
68	Golongan 2	Matojeng	M.5 ki	89.00 Ha	25 %	Haris Pratama

14 15 161718 19 20

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-light fa-sitemap"></i> </div>
        <div class="title flex-grow-1">Rencana Pembagian dan Pemberian Air 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="21" dh="id">No.</th>
                <th class="sorting text-start" idp="21" dh="golongan">Golongan</th>
                <th class="sorting  text-start" idp="21" dh="saluran">Saluran</th>
                <th class="sorting  text-start" idp="21" dh="nama_sadap">Nama Sadap</th>
                <th class="sorting" idp="21" dh="luas">Luas</th>
                <th class="sorting" idp="21" dh="losses">Kehilangan</th>
                <th class="sorting" idp="21" dh="petugas">Petugas</th>
                <th>Action</th></tr></thead>
        <tbody>

<tr class="trtd" data_id="{ID}"><td class="no">{NO}</td>
                <td class="golongan">Golongan {!golongan!}</td>
                <td class="saluran">{!saluran!}</td>
                <td class="nama_sadap fw-bold">{!nama_sadap!}</td>
                <td class="luas text-end">{!luas!} Ha</td>
                <td class="losses text-center">{!losses!} %</td>
                <td class="petugas">{!petugas!}</td>
                <td class="action text-center">
                 
               <button type="button" class="detail btn btn-default" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="detail">
                 <i class="fa-light fa-sitemap"></i> Rencana Pembagian
                  </button>
              
               </td></tr>
      
        
        </tbody>
        </table></div>
   <div class="panel-footer p-2"><div class="text-center">{!PAGING!}</div></div>
</div>

<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">Renc. Pembagian & Pemberian Air 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="21" dh="id">No.</th>
                <th class="sorting" idp="21" dh="golongan">Golongan</th>
                <th class="sorting" idp="21" dh="saluran">Saluran</th>
                <th class="sorting" idp="21" dh="nama_sadap">Nama Sadap</th>
                <th class="sorting" idp="21" dh="luas">Luas</th>
                <th class="sorting" idp="21" dh="losses">Kehilangan</th>
                <th class="sorting" idp="21" dh="petugas">Petugas</th>
                <th>Action</th></tr></thead>
        <tbody>

<tr class="trtd" data_id="{ID}"><td class="no">{NO}</td>
                <td class="golongan">{!golongan!}</td>
                <td class="saluran">{!saluran!}</td>
                <td class="nama_sadap">{!nama_sadap!}</td>
                <td class="luas text-end">{!luas!} Ha</td>
                <td class="losses">{!losses!} %</td>
                <td class="petugas">{!petugas!}</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