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
13	3	Panca 13	6.58	29.40	34.04	72.02	18.79	36	4.40
14	3	Panca 14	6.17	29.31	32.84	73.07	14.59	36	4.30
15	3	Panca 15	7.04	29.41	28.63	73.78	15.46	36	4.17
16	3	Panca 16	4.60	29.05	34.07	72.42	21.20	36	4.42

1 2 345 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 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