Initekno.com – Melanjutkan artikel tentang datatables seri kedua kemaren. Kali ini saya akan memodifikasi datatablesnya hingga menjadi multi dinamis atribut, Artinya, kamu bisa kapan saja menyembunyikan dan menampilkan atribut dari datatables, Tujuan ini adalah untuk melihat informasi lebih detail sampai kedalam akar data.

Daftar Tutorial DataTables Join Table, Keseluruhan :

  1. Datatables Serverside Join Table
  2. Datatables Serverside Join Table Page Resize
  3. Datatables Serverside Join Table Multi Dinamis Atribut
  4. Datatables Serverside Scroller Join 2 Tabel
  5. Datatables Serverside Join Tabel Hapus Data

Ini sangat bermanfaat, jika tabel yang kamu kelola mempunyai banyak atribut didalamnya. Disini saya hanya menggunakan 3 atribut saja, yaitu kelas, status dan tentor, atribut ini saya ambil dari 3 tabel yang saling berhubungan, tabel itu adalah : tabel status_input, tabel trx_kelas dan tabel trx_monitoring. Untuk lebih jelasnya silahkan baca cara membuat datatables seri pertama di link berikut ini:

Cara Membuat DataTables Server Side dengan PHP, MySQL join Tabel dan Ajax

Baik, tanpa panjang lebar, silahkan buat file baru dan beri nama dengan server_data.php isikan kode seperti berikut ini:

Perlu diketahui, bahwa kode pada data_server.php ini saya gunakan ditutorial sebelumnya, jadi komponennya sama saja. jika kamu sudah mengikuti artikel sebelumnya, maka langkah ini sebaiknya kamu lewatkan saja. Tetapi jika kamu belum membaca artikel sebelumnya, maka ini adalah modal utama untuk menghubungkan datatables dengan data mysql, karena didalamnya terdapat kode untuk terhubung ke mysql dan query join table.

Kemudian buat lagi file baru, dan berinama dengan index.php, tulis kode berikut ini:

Sekarang coba jalankan pada browser dengan cara ketik localhost/coba_datatables/index.php maka kamu akan mendapati datatables yang begitu cantik disana. Oiya kode index.php sebenarnya kurang lebih sama dengan artikel sebelumnya cuman yang membedakan adalah pada kode javascriptnya saja, dimana ini yang membuat datatables bisa dimodifikasi semau kita

Sekian, tutorial ini, silahkan dipraktekkan. Dan pastikan komputer kamu terkoneksi internet, karena ada beberapa kode external yang langsung melakukan download kode secara online.

Selebihnya offline, dan kamu hanya tinggal mendownload komponen itu di link berikut ini:

DEMO|DOWNLOAD