parent
be909cc4c2
commit
6177f2fd70
|
|
@ -657,5 +657,132 @@
|
|||
</div>
|
||||
|
||||
<input type="radio" name="my_tabs_3" class="tab [--tab-bg:green] text-white" aria-label="Berat Sampah" />
|
||||
<div class="tab-content bg-base-100 border-base-300 p-6">Tab content 3</div>
|
||||
<div class="tab-content bg-base-100 border-base-300 p-6">
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table table-zebra">
|
||||
<!-- head -->
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 5%">No</th>
|
||||
<th style="width: 20%">Nama</th>
|
||||
<th style="width: 15%">Total Berat (Kg)</th>
|
||||
<th style="width: 15%">Mudah Terurai</th>
|
||||
<th style="width: 15%">Material Daur Ulang (Kg)</th>
|
||||
<th style="width: 15%">B3 (Kg)</th>
|
||||
<th style="width: 15%">Residu (Kg)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>1</th>
|
||||
<td>Risky Adi Putra</td>
|
||||
<td>104</td>
|
||||
<td>104</td>
|
||||
<td>104</td>
|
||||
<td>104</td>
|
||||
<td>104</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>2</th>
|
||||
<td>Sulaiman</td>
|
||||
<td>67</td>
|
||||
<td>67</td>
|
||||
<td>67</td>
|
||||
<td>67</td>
|
||||
<td>67</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>3</th>
|
||||
<td>Siti Nurzaliha</td>
|
||||
<td>110</td>
|
||||
<td>110</td>
|
||||
<td>110</td>
|
||||
<td>110</td>
|
||||
<td>110</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>4</th>
|
||||
<td>Budi Santoso</td>
|
||||
<td>88</td>
|
||||
<td>88</td>
|
||||
<td>88</td>
|
||||
<td>88</td>
|
||||
<td>88</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>5</th>
|
||||
<td>Dewi Lestari</td>
|
||||
<td>90</td>
|
||||
<td>90</td>
|
||||
<td>90</td>
|
||||
<td>90</td>
|
||||
<td>90</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>6</th>
|
||||
<td>Andi Prabowo</td>
|
||||
<td>72</td>
|
||||
<td>72</td>
|
||||
<td>72</td>
|
||||
<td>72</td>
|
||||
<td>72</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>7</th>
|
||||
<td>Nina Sari</td>
|
||||
<td>81</td>
|
||||
<td>81</td>
|
||||
<td>81</td>
|
||||
<td>81</td>
|
||||
<td>81</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>8</th>
|
||||
<td>Hendra Wijaya</td>
|
||||
<td>65</td>
|
||||
<td>65</td>
|
||||
<td>65</td>
|
||||
<td>65</td>
|
||||
<td>65</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>9</th>
|
||||
<td>Lina Marlina</td>
|
||||
<td>78</td>
|
||||
<td>78</td>
|
||||
<td>78</td>
|
||||
<td>78</td>
|
||||
<td>78</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>10</th>
|
||||
<td>Yudi Hartono</td>
|
||||
<td>95</td>
|
||||
<td>95</td>
|
||||
<td>95</td>
|
||||
<td>95</td>
|
||||
<td>95</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="h-4"></div>
|
||||
<div class="flex flex-col gap-2 md:flex-row justify-between items-center">
|
||||
<a href="#" class="btn btn-ghost btn-sm">
|
||||
<span class="icon icon-fill text-sm me-2">arrow_back</span>
|
||||
Prev
|
||||
</a>
|
||||
<div class="join gap-2">
|
||||
<button class="join-item btn btn-circle bg-bpsrw-500 text-white">1</button>
|
||||
<button class="join-item btn btn-circle bg-white text-gray-500">2</button>
|
||||
<button class="join-item btn btn-circle bg-white text-gray-500">...</button>
|
||||
<button class="join-item btn btn-circle bg-white text-gray-500">5</button>
|
||||
<button class="join-item btn btn-circle bg-white text-gray-500">6</button>
|
||||
</div>
|
||||
<a href="#" class="btn btn-ghost btn-sm">
|
||||
Next
|
||||
<span class="icon icon-fill text-sm ms-2">arrow_forward</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Reference in New Issue