Tambahkan fitur kontrol pagination di tampilan tabel

- Menambahkan opsi "Show per page" untuk memilih jumlah data yang ditampilkan per halaman.
- Menambahkan elemen informasi data dan navigasi pagination di bagian footer tabel.
- Perubahan diterapkan pada file `noc/index.blade.php` dan `persetujuan_penawaran/index.blade.php`.
This commit is contained in:
Daeng Deni Mardaeni
2024-12-21 05:21:36 +07:00
parent 15651f889b
commit b52fa5db7a
2 changed files with 26 additions and 0 deletions

View File

@@ -66,6 +66,19 @@
</thead>
</table>
</div>
<div
class="card-footer justify-center md:justify-between flex-col md:flex-row gap-3 text-gray-600 text-2sm font-medium">
<div class="flex items-center gap-2">
Show
<select class="select select-sm w-16" data-datatable-size="true" name="perpage"> </select> per
page
</div>
<div class="flex items-center gap-4">
<span data-datatable-info="true"> </span>
<div class="pagination" data-datatable-pagination="true">
</div>
</div>
</div>
</div>
</div>
@endsection

View File

@@ -70,6 +70,19 @@
</thead>
</table>
</div>
<div
class="card-footer justify-center md:justify-between flex-col md:flex-row gap-3 text-gray-600 text-2sm font-medium">
<div class="flex items-center gap-2">
Show
<select class="select select-sm w-16" data-datatable-size="true" name="perpage"> </select> per
page
</div>
<div class="flex items-center gap-4">
<span data-datatable-info="true"> </span>
<div class="pagination" data-datatable-pagination="true">
</div>
</div>
</div>
</div>
</div>
@endsection