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 :
