I have a Twitter Bootstrap based table with responsive CSS.
Everything looks good but, when I try to put more columns than the size of the table supports, I have a line breaking.
I tried to change font size. But I think it would be strange or confusing for the user if I have different font sizes in each table. So I am in a dead end.
Some restrictions
- Maximum width: The table must not exceed 940 pixels.
- Single Table: I can't divide the information in multiple tables.
This is what I have:
Is there a better way to display tabular data considering the restrictions?