Menu icon Foundation
Advice for table-responsive js

Hi guys,

what do you think about to add a simple and fast js with functionalities like "stacktable" in Foundation library?
The "stack" mode is very usefull for small device!

http://johnpolacek.github.io/stacktable.js/

The current js "table-responsive" in Foundation does not allow to stack the /

tables

Hi guys,

what do you think about to add a simple and fast js with functionalities like "stacktable" in Foundation library?
The "stack" mode is very usefull for small device!

http://johnpolacek.github.io/stacktable.js/

The current js "table-responsive" in Foundation does not allow to stack the /

jinch almost 3 years ago

Looks like this is an old post and apparently in the latest Foundation 6 they have added support for stacking tables on mobile. > http://foundation.zurb.com/sites/docs/table.html#stacked-table ~ they have some kinks to work out with F6 in general but this is a nice feature.

The example you shared is more advanced as the Foundation table does not stack the header content for some reason and instead it is just removed : /

I'm curious if anyone has implemented a more complete solution with stacking Foundation tables / or tried the above stacktable.js with any success.