Skip to content

Mempercantik Table HTML Dengan Plugin Datatable Jquery



Hallo Sobat NubyChan!
Kali Ini Saya Akan Berbagi Tutorial Membuat Table Dengan Plugin Jquery Atau Biasa Di Sebut Datatables Framework.. 
Sebelumnya Saya Telah Membahas Tentang Bootstrap Dan SweetAlert .. Kalian Bisa Lihat Tutorial Sebelumnya Disini

Oke Sebelum Membahas Datatables Kalian Harus Tau Dlu Apa Itu DataTable?

DataTable adalah plug-in untuk Library jQuery Javascript. Ini adalah alat yang sangat fleksibel, dibangun di atas dasar peningkatan progresif, yang menambahkan semua fitur canggih ini ke setiap tabel HTML.

Jadi Tampilannya Itu Akan Lebih Fleksibel ..Dengan Menggunakan DataTable Ini Di Banding Dengan Table Di HTML Kalian Bisa Ngoding Lama.. Nahh Kita Akan Mencoba Membuat DataTable Dari Plugin jQuery

Di Sini Saya Akan Membuat Table Menggunakan Bootstrap.. Kalian Bisa Melihat Tutorial Bootstrap Untuk Pemula Disini Nahh Berikut Source Codenya

Disini Kita Akan Membuat Table Menggunakan Bootstrap Tanpa Plugin Datatable Dari jQuery 







Nah Maka Tampilannya Akan Terlihat Seperti Di Atass.. Bagaimana Kalau Kita Tambahkan Plugin DataTable Dari jQuery?
Oke Kita Akan Mencoba Yang Katanya Fleksibel

Kita Akan Membuatnya Lagi Menggunakan Bootstrap Dan Di Tambah Plugin Dari DataTabel jQuery Tersebut






Nah Maka Tampilannya Seperti Di Atass ... Memang Fleksibel 😂 Kita Mencari Nama User Langsung Tercari