Cara Membuat Table Header Fixed

Hallo teman-teman DUMET School, pada tutorial kali ini saya akan mengajarkan bagaimana caranya membuat Header pada Table menjadi Fixed. Membuat Header pada Table menjadi Fixed maksudnya adalah membuat judul yang ada pada table tersebut tetap berada di posisinya ketika kita scroll pada isi yang di dalam table. Untuk membuat header table fixed ini kita sedikit memerlukan bantuan jQuery. Langkah-langkah untuk membuatnya teman-teman bisa ikuti seperti berikut ini.

Pertama kita akan buat struktur table nya seperti gambar di bawah ini di dalam file HTML kalian masing-masing.

Kemudian teman-teman bisa tuliskan CSS nya seperti gambar berikut.

Dan yang terakhir kalian bisa tuliskan jQuery nya seperti berikut.

Maka hasilnya seperti berikut ini.

See the Pen qbwqEz by Dumet_School (@dumet_school) on CodePen.

Sampai disini dulu ya teman-teman tutorial dari saya, sampai ketemu di tutorial berikutnya ya. Terima Kasih

Download