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
41	7	Panca 41	0.91	29.35	27.82	69.82	13.89	38	4.10
42	7	Panca 42	0.76	29.66	34.68	68.65	15.46	38	4.42
43	8	Panca 43	1.21	29.77	28.34	68.33	17.36	37	4.16
44	8	Panca 44	1.69	29.11	28.98	68.36	21.53	37	4.19

8 9 101112 13 14

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