Menampilkan Data Menggunakan Datatables di Laravel

Dulu saya pernah share artikel tentang tutorial dasar CRUD dengan menggunakan Laravel. Nah, dengan tema yang sama, kita akan membuat aplikasi dasar CRUD dengan menggunakan Laravel tapi sekarang kita akan coba untuk menampilkan data menggunakan Datatables di Laravel.

Kita akan menggunakan script pada artikel sebelumnya jadi silahkan clone dari repo Github saya untuk memulai. Untuk menggunakan datatables di Laravel, kita dapat menggunakan package dari Chumper Datatables. Package ini masih mendukung Laravel versi 4 dan untuk Laravel 5 masih bersifat Beta. Tentunya kita juga membutuhkan script datatables yang dapat di download di situs resminya di http://datatables.net.

Untuk melakukan instalasi package Chumper Datatables rubah file composer.json menjadi seperti ini

Lalu buka console / command prompt kamu. Arahkan pada direktori tempat source code LaraCRUD berada dan ketikkan perintah ini

composer update

Setelah proses instalasi selesai, ubah file konfigurasi pada app/config/app.php dan ubah pada bagian ini

// tambahkan pada bagian

Provider ‘Chumper\Datatable\DatatableServiceProvider’,

// tambahkan pada bagian Aliases

‘Datatable’ => ‘Chumper\Datatable\Facades\DatatableFacade’,

Sesudah itu, kita tinggal publish file config-nya. Ketikkan pada console / command prompt kamu

php artisan config:publish chumper/datatable

Jika sudah selesai, kita bisa langsung mulai menggunakan Datatables di Laravel. Buka file ProvinsiController.php pada direktori app/controllers dan ketikkan script berikut

 

{{ $content }}

 

Lalu ubah pada file index.php di direktori app/views/provinsi. Ubah menjadi seperti ini

 

{{ $content }}

Setelah itu kita tambahkan satu route pada file route.php, tambahkan baris ini pada file route.php di direktori app/

Nah, jika sudah selesai. Kita buat controller baru untuk memproses request dari View untuk menampilkan data dengan Datatables di Laravel. Buat file DatatablesController.php di direktori app/controllers.

‘; $this->o .= ”; // render output return $this->o; }) // kolom yang dapat di search ->searchColumns(‘nama_provinsi’) // order kolom ->orderColumns(‘id’,’nama_provinsi’) ->make(); } }

Pada bagian ini sudah selesai. Output yang dihasilkan adalah seperti ini

table-provinsiSegitu saja dulu untuk bahasan kita tentang bagaimana cara menggunakan Datatables di Laravel. Kamu bisa mendownload full sourcenya pada link di bawah ini. Semoga bermanfaat 😀

download

Berlangganan Artikel

Daftarkan email anda sekarang dan dapatkan update terbaru dari artikel saya

I will never give away, trade or sell your email address. You can unsubscribe at any time.

Powered by Optin Forms

Tinggalkan Balasan