Initekno.com – Kali ini masih pembahasan tentang seputar datatables serverside, cuman bedanya ada sedikit hal yang dirubah, yaitu kamu bisa menarik tabel itu sesuai kemauan kamu, artinya data yang tampil akan menyesuaikan ukuran lewat tabel pada datatables,

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

Sebelumnya saya sudah membuat tutorial datatables serverside yang pertama, yaitu dasar. Silahkan baca di link artikel bawah ini. Dan sebaiknya kamu baca dahulu bagian datatables serverside yang paling dasar, karena saya menggunakan struktur database dan tabel yang sama.

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

Jika kamu membaca artikel mengenai datatables sebelumnya, kamu akan menjumpai struktur folder yang sederhana. tapi kali ini saya akan menyertakan file javascript external.

Baik, tanpa basa-basi langsung saja buat 1 file PHP, dan simpan dengan nama index.php, tuliskan kode dibawah ini.

Seperti biasa, kamu akan menjumpai struktur file yang bercampur baur layaknya penulisan react native. Jadi ada kode javascript, html dan css didalam file index.php tersebut.

Langkah selanjutnya buat file baru dan berinama dengan data_server.php tuliskan kode dibawah ini:

file ini nantinya akan kita load pada ajax datatables di file index.php.

Baik, sekarang jangan lupa untuk membuat kerangka tabelnya.

tabel status input

tabel kelas

tabel monitoring

Ketiga komponen tabel diatas sama persis dengan yang ada pada tutorial datatables serverside pertama, dan tabel ini akan saya gunakan untuk tutorial datatables mendatang. Sekarang coba jalankan project ini pada browser,

Sekian artikel ini jangan lupa untuk mengikuti artikel datatables serverside mendatang, Semoga bermanfaat

Untuk melihat file DEMO dilahkan klik button demo dan untuk mendownload source code klik button DOWNLOAD.

DEMO | DOWNLOAD