CMSM

Admin Petugas OP

Add Data

No.	Nam Petugas	User ID	Jabatan	No HP	Status	Last Login
21	Gaffar	ppatb1	PPA	081355814207	Active	0000-00-00 00:00:00
22	Muh. Ramli	ppatb2	PPA	081370764414	Active	0000-00-00 00:00:00
23	Usman	ppapdn12	PPA	082290804644	Active	0000-00-00 00:00:00
24	H. Muhammad Nur	ppatb4	PPA	081243814612	Active	0000-00-00 00:00:00

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">Admin Petugas OP</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="22" dh="id">No.</th>
                <th class="sorting" idp="22" dh="user_name">Nam Petugas</th>
                <th class="sorting" idp="22" dh="user_id">User ID</th>
                <th class="sorting" idp="22" dh="jabatan">Jabatan</th>
                <th class="sorting" idp="22" dh="no_hp">No HP</th>
                <th class="sorting" idp="22" dh="status">Status</th>
                <th class="sorting" idp="22" dh="last_login">Last Login</th>
                <th class="sorting" idp="22" dh="no_ip">No IP</th>
                <th>Action</th></tr></thead>
        <tbody>

<tr class="trtd" data_id="{ID}"><td class="no">{NO}</td>
                <td class="user_name">{!user_name!}</td>
                <td class="user_id">{!user_id!}</td>
                <td class="jabatan">{!jabatan!}</td>
                <td class="no_hp">{!no_hp!}</td>
                <td class="status">{!status!}</td>
                <td class="last_login">{!last_login!}</td>
                <td class="no_ip">{!no_ip!}</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="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