title: jQuery data table responsive not working in Bootstrap tabs
body: <p>I am new to jQuery data table and I am now working with the responsive jQuery data table. Here I am facing an issue with the jQuery data table responsive part. The first tab is working fine, when I go to the second tab "payee" it's not working (the plus symbol will not appear). The button "Click Me Popup" with a plus symbol also won't appear.</p>
  
  <p>The first column plus symbol will appear if the table is larger. The second tab has large columns and here the plus symbol should appear in the first column but it's not shown.</p>
  
  <p>I don't know the reason, I have tried the below script, but hasn't helped me.</p>
  
  <p>Fiddle link: 
  <a href="https://jsfiddle.net/97sos7dm/36/" rel="nofollow noreferrer">https://jsfiddle.net/97sos7dm/36/</a></p>
  
  <pre><code>$('a[data-toggle="tab"]').on('shown.bs.tab', function(e){
      $($.fn.dataTable.tables(true)).DataTable()
         .columns.adjust()
         .responsive.recalc();
  }); 
  </code></pre>