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
37	7	Panca 37	0.77	29.50	33.47	71.33	11.20	38	4.34
38	7	Panca 38	1.95	29.45	27.05	68.36	13.35	38	4.03
39	7	Panca 39	1.95	29.22	28.36	70.33	11.73	38	4.09
40	7	Panca 40	2.90	29.53	25.81	70.73	13.59	38	4.03

7 8 91011 12 13

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