zurb/foundation — Issue #195: Wide tables break the mobile layout
Author: kylejohnston
Created: 2011-12-28 03:22:19+00:00
State: open

Wide tables (with more than 3 – 5 columns) break the mobile layout.

In my case, I'm trying to display price lists in a table (5 – 7 columns each), but the mobile layout looks wonky.

Changing the width of the table doesn't seem to have any impact on the mobile layout. Is there a better option than hiding the table on small screens?

Examples:
Sample page with an 8-column table in a modal: http://j.mp/tWXPcZ
Sample page with a smaller, 3-column table: http://j.mp/sshcXz