Datatables seperti yang kita tau, adalah sebuah kumpulan data yang tersusun rapih, dimana kita akan di sesuaikan berapa jumlah tampilan datanya, dimana untuk menampilkan data lainya kita akan di berikan pagination, ada search, ada urutan dari sebuah abjad dan lain-lain, pokonya dengan datatables ketika kita punya banyak data, dengan datatables kita diberikan tampilan yang sangat rapih, dan disini saya berikan contoh cara menampilkan data JSON di datatables, seperti apa simak terus ya.

jika teman-teman bertanya kenapa menampilkan data JSON di datatables, apakah ada yang lain, tentunya ada seperti contoh pertama ketika kita menggunakan datatables kita di berikan contoh datanya itu menggunakannya langsung kita letakan di HTML dengan tag tr td yang sangat banyak, tetapi pasti data itu tidak selamanya ada langsung di HTML bukan, pasti dari database, file lain dan lain-lain, maka dari itu disini saya memberikan contoh dimana datanya akan kita ambil dari file lain yaitu data JSON, seperti apa silahkan teman-teman langkah yang pertama adalah teman-teman harus terkoneksi dengan datatablesnya, layakanya seperti CDN bootstrap, ada CSS dan JSnya, di datatables teman-teman gunakan ini

ini untuk CSSnya

dan ini untuk JSnya

dan template tablesnya seperti ini

lalu kita setting di JSnya seperti ini

dan data mahasiswa JSONnya seperti ini

Jika teman-teman ingin menggunakan sama data JSONnya silahkan, oke saya rasa persiapan sudah cukup sekarang kita lihat hasilnya

cara menampilkan data JSON di datatables

Jika sudah tampil seperti ini, tandanya kita sudah berhasil menampilkan data JSON di datatables, jika belum silahkan teman-teman lihat dan perhatikan lagi, oke saya rasa cukup sampai disni belajarnya semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.

WhatsApp chat