Suggestion: Responsive breakpoints, container vs viewport

trowel

I found it more useful to have responsive breakpoints that are set with reference to the table's container instead of the window viewport. It would be good to have this an option for the responsive extension.

Switching the frame of reference can be achieved by changing var width = $(window).width(); to var width=$(dt.table().container()).width(); within responsive's _resize: function ().

Because the container width can be changed independent of the viewport size users may need to initiate responsive.recalc() at times other than when the viewport is re-sized. this could be done with a listener or manually, etc.

allan

Hi,

Thanks for the suggestion - this sounds like a jolly good idea to have as an option. I've been thinking about a couple of changes for Responsive 1.1 and this I think should be included. Added to my list :-)

Allan