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
17	3	Panca 17	4.50	29.12	37.01	73.00	18.25	36	4.52
18	3	Panca 18	3.48	29.03	27.72	72.22	18.26	36	4.12
19	4	Panca 19	10.01	29.40	29.66	72.50	17.88	36	4.23
20	4	Panca 20	5.83	29.35	31.67	73.20	18.60	37	4.34

2 3 456

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