/ home / Responsive / quick and dirty responsive tables using overflow /

Quick and Dirty Responsive Tables using overflow

10:12 pm, June 2, 2016 278 386 1.9 @ 200 wpmrate up KruXoR
2

Tables and Smaller devices can be a bit tricky. I have seen a few table solutions that stack the table content on smaller screens.

I prefer this method, if i have to apply it to a bunch of tables and dont want to spend a ton of time fixing them all.

The Style

Set this to whatever screen size you want the tables to start scrolling. I used 800px as its the fixed width of this table, but you can just pick the size based on how your table content looks as the screen gets smaller. You could also apply this style all the time, if you want the table overflow to scroll as soon as the screen gets too small. But then you will have a scroll bar visible all the time.

Example table

Table CellTable CellTable CellTable CellTable CellTable CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable CellTable CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable CellTable CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable CellTable CellTable CellTable CellTable CellTable Cell
Table CellTable CellTable CellTable CellTable CellTable CellTable CellTable CellTable CellTable Cell
10:12 pm, June 2, 2016 278 386

Comments

Reports

Add Report

Report's

KruXoR

This is a site where i basically just post whatever i feel like at the time, it has no one particular topic but usually. Just my ideas and links and random bits of code that i find.

Follow Me..

@KruXoR

Minecraft

Looking for the kruxor minecraft server mc.kruxor.com? we have migrated it to... icekraft.com if you want to play on there just connect to play.icekraft.com:25535 or mc.kruxor.com should also still work.

Favorite Links