Responsive table using HTML and Css

hi guys,
in this tutorial you will learn how to create a responsive table using
only html and css.

Please LIKE our Facebook page for daily updates..

Download Source:

Please do not forget to like ,comment, subscribe and share...

Thanks For Watching

#ResponsiveTable #css #html

[joelnguemo]

The best tutorial ever for creating responsiveness HTML tables ! I like it ! Nice job

[techiedotsubash]

I did this JSX... It worked... thank you... U made it easy

[memes_god_xavier]

Thank you so much bro
Chala videos chusaa edhi ardham kaaledhuuu
But ee video chusakaa clarity vachindhi

[Slimey]

Thanks for making and posting this tutorial. It was well done and very helpful.

[mariapaula]

Gracias!, esta super me ayudaste mucho.

[thomashuntsman]

The end of that was tight. Nice job with the labels

[anwars.]

Thanks you so much it was usefull, Greetings from Costa Rica.

[frogg]

Was just trying to get ideas. But dang this looks awesome. will implement

[shinej]

You made it look so simple and easy. Thank you.

[jared]

This is cool but I'm not sure if totally removing the table header is going to pass an accessibility audit. The whole purpose of using tables is for semantic meaning.

[DarkShadow]

Thanks man help a lot keep up the good work you will achieve great success 😊

[happinin]

nice table. thanks a lot.
one gripe with it though.

Set padding: 0.5rem (assuming you have 1rem=16px). The padding is too much on the td and th. In mobile size it will be pushed off some pages. Way too much padding methinks.

Also put all your th inside a tr and put that tr inside the thead. th being directly a child of thead is incorrect html structure and can lead to errors in frameworks like React.

Otherwise good!