CMSM

Debit Nyata Ruas Saluran

No.	Tanggal	Nama Ruas	Debit Sensor	TMA Sensor	Debit Alokasi	Admin
180833	18-09-2024 10:58	B.T 3 - B.Kl 1	248 lt/dt	24.5	3.9 lt/dt	CPIxTB2xTB3xKSLAWLMS160669
180834	18-09-2024 10:57	B.B 2 - B.B 3	14 lt/dt	4.5	0.0 lt/dt	CPIxTB2xBB1xBB2AWLMS1716187950
180835	18-09-2024 10:53	B.B 2 - B.Bs 1	0 lt/dt	-14.4	0.0 lt/dt	CPIxTB2xBB1xBBs1AWLMS1716188273
180836	18-09-2024 10:53	B.L 3 - B.Ma 1	0 lt/dt	-35.2	0.0 lt/dt	CPIxTB2xBL3xSMAWLMS5651809

45206 45207 452084520945210 45211 45212

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">Debit Nyata Ruas Saluran</div>
    </div>
    <div class="panel-body">
        <table class="listing table table-striped">
            <thead><tr class="trth"><th class="sorting" idp="17" dh="id">No.</th>
                <th class="sorting" idp="17" dh="last_update">Tanggal</th>
                <th class="sorting" idp="17" dh="nama_ruas">Nama Ruas</th>
                <th class="sorting" idp="17" dh="debit_sensor">Debit Sensor</th>
                <th class="sorting" idp="17" dh="tma_sensor">TMA Sensor</th>
                <th class="sorting" idp="17" dh="debit_perintah">Debit Alokasi</th>
                <th class="sorting" idp="17" dh="debit_manual">Input Manual</th>
                <th class="sorting" idp="17" dh="tma_manual">Tma Manual</th>
                <th class="sorting" idp="17" dh="id_admin">Admin</th>
                <th>Action</th></tr></thead>
        <tbody>

<tr class="trtd" data_id="{ID}"><td class="no">{NO}</td>
                <td class="last_update">{!last_update!}</td>
                <td class="nama_ruas fw-bold">{!nama_ruas!}</td>
                <td class="debit_sensor text-end">{!debit_sensor!} lt/dt</td>
                <td class="tma_sensor text-end">{!tma_sensor!}</td>
                <td class="debit_perintah text-end">{!debit_perintah!} lt/dt</td>
                <td class="debit_manual text-end">{!debit_manual!}</td>
                <td class="tma_manual text-end">{!tma_manual!}</td>
                <td class="id_admin" style="max-width:100px; overflow:hidden;">{!id_admin!}</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