Cara Menggunakan DataTables di CodeIgniter

Pada tutorial kali ini kita akan belajar bagaimana cara menggunakan datatables di codeigniter. Apa itu datatables? Berikut adalah cara menggunakan datatables.

Apa itu DataTables? Apa Fungsi DataTables?

DataTables adalah suatu plugin berbasis jquery yang berfungsi untuk menampilkan data berupa tabel. Tabel yang dibuat dengan datatables banyak sekali fiturnya seperti searching, pagination, menampilkan jumlah data yang ada, membuat batasan dalam menampilkan data sesuai dengan yang diinginkan, membuat print pdf, print excel, menampilkan field sesuai yang kamu inginkan dan masih banyak lagi fungsi-fungsi yang bisa kamu tambahkan.

Cara Install DataTables di CodeIgniter

1. Download project awal codeigniter [ codeigniter ] → ekstrak → ganti nama menjadi ci-datatables → buka di text editor.

2. Konfigurasi awal codeigniter dan base_url dinamis, kamu bisa baca kedua tutorial tersebut atau lewati jika sudah dilakukan.

3. Buka application/views/welcome_message.php dan masukkan code berikut :

Keterangan :

• Baris 9 – 10 memasukkan css dari datatables, jika membutuhkan tombol copy, csv, excel, pdf, print, dll maka harus memasukkan css button datatables.
• Baris 11 memasukkan jquery, karena datatables basenya adalah javascript jadi kita membutuhkan jquery
• Baris 33 terdapat id myTable, id inilah yang nanti bisa dijadikan table dengan datatables.

Intinya untuk menggunakan datatables kamu hanya perlu memanggil css dan js dari datatables kemudian tambahkan jquery. Untuk pemanggilan tabel kamu hanya perlu menambahkan id pada table kemudian panggil di dalam script id table yang akan dijadikan datatables, untuk custom table kamu bisa kunjungi situs resmi datatables.

Data yang digunakan masih statis, pada tutorial berikutnya saya buatkan dengan data yang dinamis menggunakan database.

Itulah cara menggunakan datatables di codeigniter yang dapat saya sampaikan, semoga bermanfaat.