Rabu, 01 Maret 2017

Penggunaan Data Tables Untuk Menampilkan Data


A. PENGERTIAN

DataTables adalah plug-in untuk jQuery perpustakaan Javascript. Ini adalah alat yang sangat fleksibel, berdasarkan dasar-dasar peningkatan progresif, yang akan menambah kontrol interaksi canggih untuk setiap tabel HTML
 
B. LATAR BELAKANG

Agar menampilkan data jadi lebih efisien dan dapat lebih cepat mencari data melalui tools yang di sediakan oleh DataTables.

C. MAKSUD & TUJUAN

Tujuan penggunaan DataTables ini adalah agar data dapat tampil lebih efisien dan data juga pencarian data lebih cepat serta agar mengerti cara penggunaan DataTables.

D. ALAT & BAHAN
  • PC / Laptop
  • Text Editor
  • File Framworks DataTables
E. LANGKAH PENGERJAAN

1. Jika file DataTables sudah siap , kemudian buat susunan directory dan file seperti gambar di bawah ini.


2.  Pastikan dalam folder DataTables terdapat 3 folder di bawah ini:



3. Dalam folder terdapat 3 folder lagi , yaitu css , images , js . seperti gambar di bawah ini:

4. Dan dalam folder css masih banyak file lagi seperti gambar di bawah ini


5. Kemudian buka file config dan coding seperti gambar di bawah ini , sesuaikan dengan password dan database kawan kawan.


6. Kemudian pada index.php , scriptnya adalah seperti di bawah ini. Hal paling penting adalah kawan kawan jangan sampai salah dalam pemanggilan file DataTablesnya.


7. Di bawah ini adalah pemangilan .js DataTables yang membuat DataTables dapat bekerja.



8. Di bawah ini adalah contoh hasil dari penggunaan DataTables yang Dinamis.


F. KESIMPULAN

Dalam penggunaan DataTables ini tidaklah terlalu sulit , kita hanya perlu teliti dalam pemanggilan file DataTablesnya.

G. REFERENSI


EmoticonEmoticon