How to Add Scrolling & Sticky Headers to HTML Tables with CSS
It only takes a bit of CSS to make your HTML tables scrollable with some sticky headers. This is useful if you have a lot of rows in your table but don't want to take up too much space on the webpage.
For your reference, check this out:
developer.mozilla.org/en-US/d...
🏫 My Udemy Courses - www.udemy.com/user/domenic-co...
🎨 Download my VS Code theme - marketplace.visualstudio.com/...
💜 Join my Discord Server - / discord
🐦 Find me on Twitter - / dcodeyt
💸 Support me on Patreon - / dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - / @dcode-software
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #html #css
Пікірлер: 9
Nice one, we need more video contents like this ❤❤
Good stuff concise and clear tutorial.
I don’t know why, but I always have to search for your content. It never appears in my feed. I always watch your content even though it may be days or a week before I search for it again. Your bite-sized content is great.
@dcode-software
2 ай бұрын
Thank you 🙏🏻 let me know if you have any content suggestions
Thank you Working smooth
There's an issue when using position: sticky; it seems you can't use z-index to display a modal window above it, or it affects drop-downs. Is there a way to achieve this without using position: sticky?
its not responsive tho.
too much talking just get to the point