Hallo teman-teman, kali ini kita akan belajar membuat halaman dengan DataTables. Apa itu DataTables ?. DataTables adalah library jquery yang dapat membantu kalian dalam hal membuat halaman. Biasanya jika teman-teman mempunyai data yang begitu banyak tidak akan mungkin untuk ditampilkan semua, hanya beberapa saja yang ditampilkan dan sisanya disimpan pada halaman selanjutnya. Untuk membuat halaman tersebut sedikit rumit jika kalian membuatnya manual. Dengan DataTables ini kalian akan dipermudah dalam membuat halaman tersebut. DataTables akan membuat tampilan halaman data lebih rapih dan juga terdapat menu search dan show data sesuai dengan keinginan.

Oke kita langsung saja pada prakteknya. Teman-teman bisa ikut contoh code dibawah ini.

data.php

Maka hasilnya akan seperti ini.

1

Secara otomatis DataTables akan membuat tampilan seperti gambar di atas. Yang perlu teman-teman ketahui adalah kalian harus mencantumkan link css dan javasciptnya dengan benar.

Lalu beri nama class pada tablenya.

Kemudian langkah terakhir adalah menghubungkan nama class table tersebut dengan DataTables.

Sekian pembahasan mengenai membuat halaman dengan DataTables. Semoga bermanfaat.