CMSM

History Klimatologi clone clone clone clone clone clone clone clone clone clone clone clone clone clone clone clone clone clone clone clone clone clo

No.	Bln	Waktu	Rain Falls	Temp.	Solar Rad	Humidity	W. Speed	W. Dir.	eT0
45	8	Panca 45	0.69	29.68	34.33	67.44	36.38	37	4.57
46	8	Panca 46	1.27	30.00	31.25	67.14	18.43	37	4.30
47	8	Panca 47	1.39	30.60	33.65	64.67	19.35	37	4.40
48	8	Panca 48	2.21	30.27	35.88	63.76	20.20	37	4.46

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">History Klimatologi  clone clone clone clone clone clone clone clone clone clone clone clone clone clone clone clone clone clone clone clone clone clo</div>
    </div>
    <div class="panel-body">
        <table class="listing table table-striped">
            <thead><tr class="trth"><th class="sorting" idp="18750" dh="id">No.</th>
                <th class="sorting" idp="18750" dh="bln">Bln</th>
                <th class="sorting" idp="18750" dh="id_waktu">Waktu</th>
                <th class="sorting" idp="18750" dh="rain_falls">Rain Falls</th>
                <th class="sorting" idp="18750" dh="temperature">Temp.</th>
                <th class="sorting" idp="18750" dh="solar_radiation">Solar Rad</th>
                <th class="sorting" idp="18750" dh="humidity">Humidity</th>
                <th class="sorting" idp="18750" dh="wind_speed">W. Speed</th>
                <th class="sorting" idp="18750" dh="wind_direction">W. Dir.</th>
                <th class="sorting" idp="18750" dh="eto">eT0</th>
                <th>Action</th></tr></thead>
        <tbody>

<tr class="trtd" data_id="{ID}"><td class="no">{NO}</td>
                <td class="bln">{!bln!}</td>
                <td class="id_waktu">Panca {!id_waktu!}</td>
                <td class="rain_falls">{!rain_falls!}</td>
                <td class="temperature">{!temperature!}</td>
                <td class="solar_radiation">{!solar_radiation!}</td>
                <td class="humidity">{!humidity!}</td>
                <td class="wind_speed">{!wind_speed!}</td>
                <td class="wind_direction">{!wind_direction!}</td>
                <td class="eto">{!eto!}</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>
                </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