Making Tables Responsive With Minimal CSS · Bradley Taunt


25 bookmarks. First posted by Chirael 4 days ago.


June 11 2019 I find that the need to create responsive table layouts pops up far more often than most developers would expect. The gut reaction might to be…
from instapaper
yesterday by michaelfox
Learn how to easily implement responsive table layouts with only CSS
css  responsivewebdesign 
3 days ago by aghecht
Learn how to easily implement responsive table layouts with only CSS
tables  design  css  responsive  semantic 
3 days ago by jonrandy
Making Tables Responsive With Minimal CSS · Bradley Taunt
bpi 
3 days ago by fabbianni
I find that the need to create responsive table layouts pops up far more often than most developers would expect. The gut reaction might to be implement some sort of custom grid-system or pull in a pre-built library. Don't do this - just use tables and some simple CSS.

My recent article, Write HTML Like It’s 1999, received far more attention than I ever expected on HackerNews. With this attention came a few comments mentioning how table elements don’t play nice with mobile devices or that it’s not possible to have a useable layout on smaller screens. This simply isn’t true.

Included below are two separate demos showing how to optimize table HTML for mobile devices using only a minimal amount of CSS. These implementations may not be perfect, but they are far superior to injecting a bunch of custom div
CSS 
3 days ago by 1luke2
Learn how to easily implement responsive table layouts with only CSS
4 days ago by briandrum