Selasa, 21 Januari 2014

Mengurutkan Data Berdasarkan Kolom Tabel menggunakan JQuery

Kalau dulu, pengurutan data seperti itu dibuat dengan bantuan Javascript, dimana nama kolom yang di-klik akan dikirimkan ke perintah query untuk diurutkan (Order By) berdasarkan kolom yang di-klik. Tentu ini memerlukan skrip yang cukup panjang, karena masih menggunakan Javascript murni dan filter PHP untuk manipulasi Order By di SQL.
Tapi itu dulu, sekarang sudah tidak lagi, karena ada jQuery, dengan bantuan plugin table sorter yang bisa Anda download di http://tablesorter.com, Anda hanya memerlukan satu baris saja untuk mengurutkan data pada tabel berdasarkan kolom yang diinginkan (di-klik). 

Secara standar, data yang diambil dari database akan ditampilkan dalam tabel yang diurutkan berdasarkan kolom ID-nya (field kunci/primary key). Namun, kita juga bisa mengurutkan berdasarkan kolom lainnya, seperti Nama, Alamat, dan sebagainya.
Kalau dulu, pengurutan data seperti itu dibuat dengan bantuan Javascript, dimana nama kolom yang di-klik akan dikirimkan ke perintah query untuk diurutkan (Order By) berdasarkan kolom yang di-klik. Tentu ini memerlukan skrip yang cukup panjang, karena masih menggunakan Javascript murni dan filter PHP untuk manipulasi Order By di SQL.



Meskipun data yang ditampilkan di tabel bersifat statis, karena langsung dibuat dengan HTML, namun trik ini juga berlaku pada data yang bersifat dinamis (data yang diambil dari database).
Untuk lebih jelas nya silahkan download Source code nya

Tidak ada komentar:

Posting Komentar