Datatables di laravel dengan laravel mix

Datatables di laravel dengan laravel mix

Laravel mix mempermudah kita dalam mengelola resource frontend aplikasi laravel kita. Kita akan mencoba menggunakan datatables menggunakan laravel mix.

Buka terminal/command line ke direktori aplikasi anda, install datatables dengan perintah

sebelumnya kita buat dahulu struktur tabel kita, saya menggunakan view dari instalasi fresh laravel, menggunakan file welcome.blade.php,

setelah itu kita tinggal mengimport datatables.

karena entry point default di laravel mix adalahresources/js/app.js, buka file resources/js/app.js, lalu kita impor module datatables, baru kita bisa menggunakan inisiasi datatable.

sekarang kita coba compile apakah kode kita berhasil, jalankan command npm run dev  di terminal

lalu kita coba jalankan aplikasi kita

Datatabel sudah berhasil ter inisiasi akan tetapi ada yang salah, tampilannnya kurang menarik, karena stylenya belum ikut termuat dalam aplikasi kita.

Untuk itu kita harus mengimpor stylesheet dari datatables.

buka file resources/sass/app.scss, tambahkan line berikut:

lalu kita coba compile dan cek lagi aplikasi kita

oke demikianlah bagaimana menggunakan datatables dengan laravel mix. Semoga bermanfaat

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *