Cara Membuat Pagination TailwindCSS di Laravel

Cara Membuat Pagination TailwindCSS di Laravel 8

Dipublikasikan 18 Januari 2021 6:00 AM

Bagaimana cara custom pagination dengan style dari tailwindcss? Berikut adalah tutorial membuat pagination di laravel 8 dengan tailwindcss.

Pada artikel sebelumnya yaitu Tutorial CRUD Laravel 8 dengan TailwindCSS kita sudah membuat operasi create, read, update dan delete sekarang mari kita percantik tampilannya dengan menambahkan pagination menggunakan tailwindcss.

Buat file resources/views/vendor/pagination/default.blade.php dan masukkan kode berikut :

Keterangan :

  • Pada kode di atas terdapat “secondary” dan “primary” yang menandakan sebuah warna, dimana variabel tersebut sudah diatur konfigurasinya pada tutorial sebelumnya.
  • Jika Anda tidak mengikuti seri tutorial ini maka silakan ganti secondary dan primary menjadi warna yang lain, misalnya gray, blue, red.
  • Terdapat “dark:” karena mungkin pada tutorial berikutnya akan membuat fungsi switcher theme pada seri tutorial ini.

Jika Anda cek paginationnya masih belum berubah, untuk membuat itu berubah silakan buka file app/Providers/AppServiceProvider.php dan masukkan kode berikut pada function boot :

use Illuminate\Pagination\Paginator;

Paginator::defaultView('pagination::default');

Sekarang silakan cek maka hasilnya akan seperti gambar di bawah :

Pagination TailwindCSS Laravel 8
susantokun avatar
susantokun
Hanya seorang programmer yang fokus di bidang web development. Tidak nyaman dengan keramaian dan suka akan keindahan.
Kebijakan Berkomentar :
1. Dilarang berkomentar yang mengandung SPAM, SARA, HOAX, PORNO.2. Mohon sertakan informasi detail saat terjadi error (pesan error, sreenshoot, code, logs, dsb.).