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

17 Februari 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat