Dilema ketika kita menggunakan sebuah datatables adalah ketika website kita dalam mode mobile dimana datatables yang kita punya, tidak akan mengikut kecil atau responsive itu membuat tidak bagus bukan, maka dari itu disini saya akan membagikan bagaimana cara membuat dataTables responsive. simak terus ya teman-teman.

Jika teman-teman ada yang belum tau apa itu datatables disini saya akan berikan penjelasan singkat ya, dataTables digunakan untuk kita menampilkan sebuah data dimana dengan menggunakan dataTables data yang di tampilkan itu mempunyai tampilan yang rapi dimana ada sebuah pagination untuk menanggulangi jika data banyak, ada search untuk mencari data, dan ada tombol untuk mengurutkan abjadnya, oke langsung saja cara membuat dataTables responsive, caranya langsung saja kita gunakan saja CDN silahkan teman-teman pasang CDNnya yang saya berikan di bawah ini:

di atas untuk CSSnya ya dan selanjutnya untuk Javascriptnya

dan untuk di atas adalah untuk jsnya itulah yang kita butuhkan, jika sudah kita tinggal memasukan data ke tablesnya, oke langsung saja.

Ini saya contohkan data sedikit saja ya, dan sekarang kita lihat hasilnya.

cara membuat dataTables responsive cara membuat dataTables responsive

Bisa dilihat ketika tampilan saya kecilkan atau mode mobile maka datatables pun akan ikut mengecil, bukan hanya kecil tapi ada sebuah icon dimana tombol itu ketika kita tekan akan muncul sebuah data yang tadi tampil, seperti itu kurang lebihnya teman-teman, simple bukan, oke saya rasa cukup sampai disini belajar kita tentang cara membuat dataTables responsive, semoga bermanfaat dan sampai jumpa pada artikle selanjutnya terimakasih.