PW Tables in Foundation 6 not transparent

[kuba2]

Hello

I am using the table option from the ckeditor on two sites of my new website project, as framework I am using Foundation 6. I have to present a list of songs, so the table is very practical.

Unfortunately the rows of the table aren't transparent , as they were before ( without framework ), and the table doesn't scale down in iphone screen.

Any suggestions how to handle this problem?

The two examples:

http://olikehrli.ch/kontakt/

http://olikehrli.ch/albe/

Thanks

Jakob

[rick]

tbody class background color is not transparent in app.css line 3301. Is that what you mean? See sass reference, $table-background, default is white.

[Beluga]

To make a table become responsive, you have to use something like FooTable and think which kind of presentation on smaller screens will make sense.

[kuba2]

Thanks a lot!

background-color: transparent; did the trick!

[rick]

I'm not familiar with foundation, as I use bootstrap myself. Bootstrap does have responsive tables within a div tag. You may want to look there and transfer that styling into your style file. /$.02

[Jon]

Hello kuba2,

If you are using sass $table-backgound: $white is in _settings.scss line 490(ish)

Foundation 6 has a few options responsive tables depending on which suits your needed best. Scroll which scrolls the table horizontal at a set break point. Stack which will stake to on top or each other or responsive which keeps first column static and you can scroll the remaining.

Couple of links worth checking

http://foundation.zurb.com/sites/docs/table.html

http://foundation.zurb.com/responsive-tables.html