Making a Responsive Table Using HTML & CSS

preview_player
Показать описание
Making a table responsive using HTML & CSS. Learn how to optimize table HTML for mobile devices using only a minimal amount of CSS.
The trick is to make the table display as a block element rather than as a table. We hide all the table headings by moving them out of the view, and we insert a new block in the table, and each row will have its own set of headings, as you will see in this tutorial.

ONE TIME DONATIONS:

BECOME A PATRON: Support me for even $1 per month

FOLLOW IB-MEDIA:

 Download Project Files From Here

Dirty-Palm-Oblivion-Ft-Micah-Martin-ncs
Jim-Yosef-Firefly-NCS-Release
Рекомендации по теме
Комментарии
Автор

Thanks for a nice little project, worked perfectly.

ianparsons
Автор

Love this! Is there a way to have the data-col-title's break if they are long (similar to word-wrap: break-word)?

rmjones
Автор

The CSS file in the ZIP is empty, can you please check it again? Thank you very much for the sharing.

vutrungan
Автор

What is "data-col-title" here?

bareetsingh