Dimpa Dimitris web design blog | Creating a nice responsive table with html & css - Dimpa Dimitris web design blog

WELCOME TO OUR BLOG



Creating a nice responsive table with html & css

Start by adding standard html code using tables tr td and th elements simple as you would do in a standard HTML 4.01 . Make sure there are no fixced widths in your table columns. Then simply set your media query for mobile devices for example @media only screen and (max-width:767px) and and an overflow:auto do that your table scrolls nicely.

Here is the final result:

Responsive Tables Layout



Comments

Write a Reply or Comment

Your email address will not be published. Required fields are marked *