How to Create Sticky Table Header with Horizontal and Vertical Scroll using CSS3|Bootstrap (PART-1)

Hi Friends,

In this video we will learn how to make table body scroll-able with fixed table header, when you have more columns.

[gfryno]

Precise, focused, accurate, and very helpful. Thank you.

[electric-lemonade]

SUPER HELPFUL, thank you so much !!!!

[jawadahmad]

Thanks a lot mam. I was worried about scroll bar and try a lot but nothing work but your tutorial helps me to do this and also min-width:max-content; works amazing for me. Again thanks for this precious work. Keep it up. God blass you!

[guillermomazzari]

Thanks for sharing, very usefull stuff!

[tejagaikwad]

Nice tutorial mam, Thank u so much for teaching in easy language

[aishasaddiqua]

I'm using tablepress plugin and I want to fix the header. Can you please tell table fixed code will work for me if I write it in tablepress CSS?

[murtykorada]

Awesome! Very well explained, step by step, what each styling does. When the table has large number of columns, it is essential to freeze left most columns (1 or 2) while scrolling horizontally. Can you please either update the video showing column freeze or just post a snippet?

[Henry_Nunez]

How do I do if I also want to fix the first two columns while doing horiontal scroll?

[mo]

Is there anyway to get the scroll bar just on the table and not on the header?
And still keep all of the same functionality?
Asking for a personal project..

[Henry_Nunez]

Good video. please help me to be the same but with a sqlite file or cvs text file. How do I make it work without an internet connection once it's done?

[anweshabhisek]

Thank you so much for this . It worked ❤️🥰❤️