Jika teman-teman sudah pernah bermain dengan excel atau data-data lainya pasti teman-teman melihat diamana judul dari kolom tersebut ketika kita scroll kebawah maka judul itu hilang melainkan masih terlihat di atasnya, dan disini kita akan belajar membuat itu cara simple membuat sticky table, jadi jangan kemana-mana simak terus ya teman-teman.

Cara simple membuat sticky table, jika teman-teman pernah mengunjungi website dimana ada sebuah menu yang kita scroll dan menu itu masih berada di atasnya. itu lah sticky menu, jadi fungsi sticky ini berguna jika teman-teman mempunyai data banyak dimana jika teman-teman lupa dengan nama kolom yang teman-teman lihat maka tidak akan lupa lagi, seperti itu.

dan untuk cara simple membuat sticky table, disini saya masih menggunakan dari plugin jqueryscript, ya saya harap teman-teman tau ya cara penggunannya, jika belum tau silahkan teman kunjungi disini Jika di plugin aslinya ada sticky atas, kanan, bawah, kiri. Disini saya akan mencontohkannya satu aja yaitu atasnya, dan disini saya akan menambahkan sedikit yaitu button untuk melihat data semuanya tanpa scroll dan button reset.

Oke sekarang silahkan teman-teman copy saja kodenya di bawah ini, dan lihat hasilnya:

Disini saya mencontohkannya banya data supaya fungsi scrollnya tampil, dan inti dari ini jika teman-teman lihat:

ini adalah fungsi yang membuat sebuah judul itu bisa menjadi sticky, dan bisa teman-teman lihat jika teman-teman ingin menggunakan sticky untuk kanan kiri bawah, teman-teman tinggal hidupkan saja komen yang saya buat di atas, oke untuk hasil di atas adalah seperti ini:

Cara simple membuat sticky table

dan ketika saya klik button tampilkan semuanya, maka scroll pun hilang

Cara simple membuat sticky table

seperti inilah kira-kira bagaimana simple ya, jika ada yang kurang jelas teman-teman bisa tanyakan di bawah ini, dan saya rasa cukup untuk artikel Cara simple membuat sticky table semoga bermanfaat sampai jumpa pada artikel berikutnya terimakasih.

 

WhatsApp chat