Refresh screen when inside tab

I’ve got an odd situation where I’ve put a couple of tabs on a page (I’ve used two different tab plugins to check) and inserted the same gdoc reference but with different GID’s in each.

The first tab that shows up is fine but if I switch to the next tab the screen layout is wrong. As soon as I change anything (move to the next page, change the size of browser window etc.) it re-aligns itself perfectly.

Example screen shots of this:
Screen 1
Screen 2

My gdoc statement is like this (with the test page using GID’s 9 & 10:
[gdoc key=”https://docs.google.com/spreadsheets/d/1HAi5AlR2AZH_OcjEpwo405mv3jB-cLq5KHYUC6GgKEw/edit?usp=sharing#gid=9″ title=”Club Records” http_opts=” datatables_scroll_x=”true” datatables_dom=”lfrtip” class=”no-responsive”]

NB. I’ve disabled responsive as I prefer the look/feel of horizontal scroll but I have also tried it with responsive not disabled and it also does very “odd” things until you again change the browser window size etc.

I’ve put a test page on the web site here

I presume I’ve screwed something up somewhere but for the life of me I can’t see what …. if you could point me in the right direction I’d be grateful! 🙂

https://wordpress.org/plugins/inline-google-spreadsheet-viewer/