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.
Music: www.bensound.com

[@gfryno]

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

[@frontendpaathshala6272]

Glad it was helpful!

[@electric-lemonade]

SUPER HELPFUL, thank you so much !!!!

[@frontendpaathshala6272]

Glad it helped!

[@tejagaikwad6179]

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

[@frontendpaathshala6272]

Thanks for liking

[@jawadahmad8198]

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!

[@frontendpaathshala6272]

Glad it was helpful :)

[@guillermomazzari4983]

Thanks for sharing, very usefull stuff!

[@frontendpaathshala6272]

Glad it was helpful!

[@starlightx3052]

Thank you very much, you saved me😊

[@frontendpaathshala6272]

Glad it helped!😊

[@bmfitzgerald3]

Nicely done!

[@frontendpaathshala6272]

Glad it helped !!

[@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?

[@frontendpaathshala6272]

Glad it was helpful!
th-cam.com/video/_xJd6f6K1Tc/w-d-xo.html

[@anweshabhisek7549]

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

[@frontendpaathshala6272]

Glad it helped!

[@babatundeadenowo7568]

Thank you, big time.

[@frontendpaathshala6272]

Welcome

[@Henry_Nunez]

👏👏🔔 very good - Buen video.

[@pablocampos4650]

te amo

[@frontendpaathshala6272]

Glad this video helped you

[@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?

[@ronaldalvarez2695]

Gracias!!!!!

[@aishasaddiqua8512]

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?

[@Henry_Nunez]

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

[@frontendpaathshala6272]

th-cam.com/video/_xJd6f6K1Tc/w-d-xo.html

[@mo337]

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..

[@crazyupdates2857]

I am looking for the same functionality where I want the table body to scroll horizontally and vertically and not the header. @mo337 pls reply if u have any solution

[@crazyupdates2857]

@frontendpaathshala6272 pls provide a solution for this

[@BarsDoganSutcuu]

plase share this with codepen

[@BarsDoganSutcuu]

and its worked, thank you so much...

[@frontendpaathshala6272]

Glad it helped !!

[@tifactlong7431]

Where's the repo

[@wawancahyo7826]

how about freeze column 1 & 2 ?

[@frontendpaathshala6272]

th-cam.com/video/_xJd6f6K1Tc/w-d-xo.html