title: Tablesaw responsive table changing on refresh
body: <p>I have a responsive table using Filament Groups Tablesaw plugin. Specifically I'm using the <em>swipe</em> option with <em>mini-map</em>.</p>
  
  <p>You can view the table in question <a href="http://eiado.prevision.com.au/commodity-selection/commodity-prioritisation" rel="nofollow noreferrer">here on this development server</a>, under the <strong>Selection and weighting</strong> tab. The first time it loads only the <em>Banana</em> column is visible althought there's room for other columns. Refresh the page and the table refreshes to show as many columns as can fit, which is the desired outcome.</p>
  
  <p>These tables are within Drupal and more specifically a QuickTabs block. Due to the fact the table renders correctly when you go directly to the <em>Selection and weighting</em> tab, I believe the problem lies with the table being in the hidden tab.</p>
  
  <p>Is it possible to trigger a refresh of the tablesaw table when the tab gains focus?</p>
  
  <p>I've tried changing the <code>data-tablesaw-priority</code> attribute across the headers to no success. </p>
  
  <p>I've also tried running <code>$("#table-520").table("refresh");</code> and <code>$('#table520').table().data("table").refresh();</code> from the JavaScrip console as mentioned in this <a href="https://stackoverflow.com/questions/28040732/cant-refresh-filamentgroup-tablesaw-responsive-table-after-adding-new-rows">SO question</a> with no success.</p>
  
  <p>I appreciate any suggestions.</p>