cara menggunkan datatables

Menangani Jumlah Data yang Besar pada datatables

cara menggunkan datatables

Seperti yang Onphpid tuliskan pada tutorial Datatables sebelum tentang bagaimana menggunakan datatables pada PHP, meski terlihat mudah ternyata ada sebuah permasalahan kecil yang cukup merepotkan yang akan kita hadapi…

mungkin masalah ini tidak akan terlihat dengan jelas ketika jumlah  daftar data yang kita load atau tampilkan hanya berjumlah berkisar antara puluhan atau ratusan data saja…

karena masalah ini akan sangat terasa ketika jumlah data yang kita tampilkan berjumlah ribuan bahkan puluhan ribu data.. Hal tersebut biasanya akan berujung pada berhentinya browser (hang) dan muncul kata “not responding” karena browser tidak mampu menampung besarnya data yang diload atau hanya sekedar loadingnya lama..

Nah pada tutorial datatables kali ini kita akan membahas bagaimana menangani banyak data pada datatables sehingga meskipun data yang kita load berjumlah ribuan,  browser maupun server  yang kita miliki tidak  lagi terbebani oleh jumlah data yang ribuan.

Cara menangani banyak data pada datatables kurang lebih hampir sama seperti tutorial Cara Menggunakan Datatables namun kita akan menambah beberapa library bawaan Datatables salah satunya adalah ssp.class.php , sebuah classis yang dibangun untuk menangkap dan memproses variable yang dikirim via AJAX. Secara teori meskipun jumlah data yang ada itu mencapai jutaan tapi yang kita panggil hanya sebagian atau perbagian, secara default data yang dipanggil sekitar 10 data setiap halamannya.

Lalu bagaimana caranya ? yuk langsung saja ikuti langkah-langkah berikut

Pertama : buatlah folder di htdocs dengan nama “datatables-server-side”, kemudian pada folder datatables-server-side buatlah folder dan file seperti berikut.

menangani banyak data pada datatables

Kedua : buatlah sebuah database melalui localhost/phpmyadmin, beri nama database kita dengan “datatables“.

Ketiga : pastikan kalian sudah mendownload file datatables dari datatables.net. ekstrak lalu ambil isi dari folder “media” dan letakkan pada folder assets.

lalu cari lah folder “scripts” pada folder exemples/server_side/ lalu pindahkan ke folder “includes
ingat kalian harus meng-copy foldernya karena di folder scripts terdapat file-file yang saling berhubungan satu dengan yang lain.

Keempat : bukalah file index.php isikan kode berikut.

[gists]https://gist.github.com/wichaksono/0f6802f3498261a15c33108b105e502b[/gists]

Pada langkah ini kita akan memulai melakukan instalasi atau memasang datatables.
sisipkan kode berikut tepat diatas tag </head>

[gists]https://gist.github.com/wichaksono/8e68ba566dde2ce47c9f1df770d399f2[/gists]

kemudian tambahkan kode berikut diatas tag </body>

[gists]https://gist.github.com/wichaksono/5421d032775d99551d8c7f12669f6d9e[/gists]

Kelima : bukalah file load-data.php lalu tambahkan kode berikut..

[gists]https://gist.github.com/wichaksono/b2b8331bcd1fe34d98e6b3e5512538b0[/gists]

keterangan :

  • db adalah nama field/ nama kolom pada table karyawan
  • dt adalah nomor urut table pada browser, 0 paling kiri, 1 kolom kedua, 2 kolom ketiga dan seterusnya..
  • formater adalah key yang tugas untuk menhandle fungsi format seperti tanggal, uang, atau angka.
  • $sql_details adalah koneksi database.
  • $_GET pada kode dibawah adalah parameter yang  secara default dikirim oleh ajax.

[gists]https://gist.github.com/wichaksono/685ff128aa8d5ac4ddfb750b3a84559d[/gists]

script diatas (pada langkah kelima) adalah script yang akan bertugas menangani load data yang banyak dan untuk table database kalian bisa meng-import-nya atau menuliskannya pada SQL seperti tutorial Cara Menggunakan Datatables yang lalu.

SQL tabel karyawan

pada langkah Keenam : kita kembali ke index.php dan tambahkan script berikut untuk mengeksekusi datatables.. dan letakkan tepat diatas tag </body>

[gists]https://gist.github.com/wichaksono/b7f540b0efae5c43bbde82ac78c74fc3[/gists]

Demikian tutorial menangani banyak data pada datatables kalian bisa mendapatkan script datatables secara full disini

baca juga cara menggunakan query join pada datatables

Cara diatas mungkin akan terasa susah untuk diterapkan pada Codeigniter karena terdapat dua kali koneksi.. Pada tutorial Cara Menggunakan Datatables pada Codeigniter 3 onphpid mencoba membuat sebuah script sederhana sebagai pengganti ssp.class.php bawaan Datatables dengan harapan kalian dapat mengembangkannya lagi.. sekian dan selamat belajar..

Scroll to Top
Scroll to Top