CMSM

History Debit Sumber

Panca 1 Mulai 1 Januari

No.	Waktu	Intake	Limpas	Sungai
1	Panca 1	9,500	96,320	105,820
2	Panca 2	9,500	103,590	113,090
3	Panca 3	9,500	171,523	181,023
4	Panca 4	9,500	156,870	166,370

12 3 4 5 6

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">History Debit Sumber</div>
    </div>
    <div class="panel-body">
      <div class="text-center fn-5 py-2 bg-light border"> Panca 1 Mulai 1 Januari</div>
        <table class="listing table table-striped">
            <thead><tr class="trth"><th class="sorting" idp="19" dh="id">No.</th>
                <th class="sorting" idp="19" dh="id_waktu">Waktu</th>
                <th class="sorting" idp="19" dh="intake">Intake</th>
                <th class="sorting" idp="19" dh="limpas">Limpas</th>
                <th class="sorting" idp="19" dh="sungai">Sungai</th>
                <th>Action</th></tr></thead>
        <tbody>

<tr class="trtd" data_id="{ID}"><td class="no">{NO}</td>
                <td class="id_waktu text-center pe-2">Panca {!id_waktu!}</td>
                <td class="intake text-end">{!intake!}</td>
                <td class="limpas text-end">{!limpas!}</td>
                <td class="sungai text-end">{!sungai!}</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>
                </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">History Debit Sumber</div>
    </div>
    <div class="panel-body">
        <table class="listing table table-striped">
            <thead><tr class="trth"><th class="sorting" idp="19" dh="id">No.</th>
                <th class="sorting" idp="19" dh="id_waktu">Waktu</th>
                <th class="sorting" idp="19" dh="intake">Intake</th>
                <th class="sorting" idp="19" dh="limpas">Limpas</th>
                <th class="sorting" idp="19" dh="sungai">Sungai</th>
                <th>Action</th></tr></thead>
        <tbody>

Title
SubTitle
Table Property
Sub From
On Click
Optional Setting
Icon
Hidden

List Modul