Тёмный

How to Add Scrolling & Sticky Headers to HTML Tables with CSS 

Подписаться
Просмотров 6 тыс.
% 191

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/docs/Web/CSS/position
🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme
💜 Join my Discord Server - discord.gg/TXMQyvbpcA
🐦 Find me on Twitter - dcodeyt
💸 Support me on Patreon - www.patreon.com/dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - ru-vid.com/show-UCjX0FtIZBBVD3YoCcxnDC4gjoin
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

Опубликовано:

 

30 янв 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 7   
@oladoyinbov
@oladoyinbov 3 месяца назад
Nice one, we need more video contents like this ❤❤
@johngates7293
@johngates7293 Месяц назад
Good stuff concise and clear tutorial.
@douglascounts4634
@douglascounts4634 3 месяца назад
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
@dcode-software Месяц назад
Thank you 🙏🏻 let me know if you have any content suggestions
@GarhwalTV1
@GarhwalTV1 Месяц назад
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?
@MerthanMerter
@MerthanMerter 2 месяца назад
its not responsive tho.