Responsive doesn't immediately resize the table

RoldGold

Hello,
I've read some other posts on here discussing performance hits when using responsive. I haven't had many performance hits, but I have noticed that my page doesn't automatically "refresh" (so to speak). Essentially, if I'm browsing a site with many rows on a phone (or laptop) whose screen is too small to fit the entire content, the resizing process doesn't happen immediately on page load. Instead, it waits until some user interaction is detected.

This is best demonstrated with the following JSFiddle: https://jsfiddle.net/s4ec1ft0/1/. To recreate the issue, open the jsfiddle, notice that the table is not automatically resized on page load. Resize your browser window, then notice that upon resizing the browser window that the table resizes itself.

Is that design intentional? Is there some way to change that function, because it would be ideal for the table to load correctly resized, rather than visibly resizing in front of the user.

Thanks!!

fyrye

You can append $(window).trigger('resize'); after your .show();

see: https://jsfiddle.net/p56k2nns/