Initekno.com – Sudah lama tidak update blog ini lagi nih. Kali ini kita akan membahas tentang datatables scroller yang dimana komponen table akan tetap hanya saja yang berubah adalah data dari isi table tersebut.

Gampangnya dengan datatables secroller ini berapapun jumlah data akan mudah di tamping dan di load oleh server jika terjadi pengguliran mouse ke atas maupun bawah.

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

Baik, mari kita mulai dengan menuliskan kode server seperti berikut ini. Tapi sebelumnya buat file baru dan simpan pada direktori website kamu dengan nama data_server.php

Kode diatas sama dengan tutorial datatables sebelumnya. Jika kamu belum membacanya maka silahkan untuk membacanya di sini :

Cara Membuat DataTables Serverside Join Table dengan PHP MySQL Ajax, Multi Dinamis Atribut

Langkah selanjutnya buatlah sebuah file index.php  dan tuliskan kode berikut ini:

Seperti sebelumnya bahwa index.php berisi beberapa komponen kode seperti css, html dan javascript

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 kamu akan menemui hasil yang menakjubkan. Silahkan klik demo untuk melihat hasilnya. Jika kamu butuh kode ini untuk dikembangkan, silahkan download sourcenya.

Sekian semoga bermanfaat.

DEMO DOWNLOAD