AMPEDUPDESIGNS

CONSULTING CONCEPTS PERSONAL

A small blog.

Unresponsive Footable Table when nested in a hidden tab


Footable is a great responsive table Jquery plugin that uses responsive breakpoints to gracefully collapse columns on different screen sizes.  One place I use Footable is within tabs where I display different tables using Bootstrap Tabs js.  What I found is that Footable doesn't quite work right on hidden tabs, i.e. the table show in the hidden tabs but remain initially unresponsive to the device screen (you could resize the window to trigger a resize event, but if a user is on the phone, this really isn't an option).  From a little snooping ...
Read More ...
Tags:   footable  jquery  bootstrap  tabs  responsive