table Viewports

[bestisben-xyz]

Is your feature request related to a problem? Please describe.
First thanks alot for providing the css framework, it really help me a lot and really helpful to a beginner^^
However when I wanna to use the table Components, I find out it really not friendly with small screen.
Describe the solution you'd like

When the table with few data is fine.

When the table with lots of info then the screen become "unclean"

I wish the table would be possible display in this layout with css only

[Spiderpig86]

Hi!

Thanks for the suggestion! This is true that tables can get a bit messy with lots of elements, especially with smaller devices. I don't necessarily agree with moving all columns to rows since that would not really be a good UI experience as we would have a whole set of columns for each row. What I think would be better would be to add a new table wrapper class that allows for displaying many columns. It would appear like this:

[bestisben-xyz]

Hi,
Thanks for reply, yeah I agree with you that will be better, wrapper class will not extend outside the bound right?
This is good I think:

this is bad I think:

[Spiderpig86]

Yes the wrapper class should take the width of the parent div. However if the column widths inside the table exceed the width of the parent, the horizontal overflow will appear.

[Spiderpig86]

Added in 0.7.0, closing.