Subscribe:

Pages

Selasa, 26 Juli 2011

Mudahnya Membuat Paging Halaman dan Tabel Grid Pada PHP dengan DataTables

Pernah kah anda kesulitan dalam membuat paging halaman pada php dan membuat grid yang menampilkan data seperti halnya grid pada aplikasi dekstop , sekarang ini saya akan menjelaskan cara membuat paging halaman dan grid di php dengan Datatables , yah.. Datatables adalah sebuah plugin jquery yang sangat menarik dan mudah untuk di gunakan. tak perlu menunggu lama sekarang kita ke TKP. . adapun plugins yang harus di persiapkan silahkan donwload disini selanjutnya di bawah ini adalah contoh coding yang telah saya buat :

Pertama-tama inisialisasi javascript atau tempatkan code berikut ini di antara tag head pada file php anda.



  
  
  


Kedua , kita akan menampilkan data dari database dan menampilkan nya ke dalam DataTables berikut contoh gambar kodingnya:



dan Hasilnya akan terlihat seperti ini :


Paging halaman telah terbuat secara otomatis , pencarian data telah terbuat secara otomatis. . Selamat Mencoba. .
Semoga artikel ini bermanfaat. . !

9 komentar:

Anonim mengatakan...

bermanfaat, brader...!thx

Anonim mengatakan...

thanks infonya masbroo

Anonim mengatakan...

mas,q kesusahan untuk membuat fungsi hapusnya nih.bsa kasih tutornya gak?

Anonim mengatakan...

Mau tanya bro, setelah download DataTable, kalau di extract kan menjadi E:\DataTables-1.9.3\DataTables-1.9.3\media

yg kita pakai folder media doang kan ? apa perlu upload semua yg folder ?

Jakartalantern.com mengatakan...

Mas, saya udah download datatables dan udah ketik codenya seperti mas, tapi kok gak muncul grid datatable-nya, tapi data hasil query dari tablenya myqsl ditampilkan. kira-kira kurang install apa ya ?

lirikyes mengatakan...

mantap gan, ada source codenya gk klo ada minta tolong dong di post biar ada contoh gan..hehehe

BJuser mengatakan...

Mantaaap, sukses terus gan

Unknown mengatakan...

terimakasih mas, scriptnya udah mau,tapi saya mendapatkan pesan "DataTables warning (table id = 'example'): Cannot reinitialise DataTable.

To retrieve the DataTables object for this table, pass no arguments or see the docs for bRetrieve and bDestroy"

g mana cara menghilangkannya mas..? tolong dibantu..
terimakasih.

Unknown mengatakan...

saya menggunakan DataTables-1.9.4

Posting Komentar