title: Responsive Issues With Multiple DataTables And Bootstrap Tabs
body: <p>I have 2 bootstrap wells and each well contains a pair of tabs. Each tab contains a DataTable (there are 4 in total). When I load the page the first two DataTables work perfectly as expected. When I switch tabs the tables that are rendered always include 1 column (regardless to the column size) and the remainder are part of the child row. I've tried just about everything to get the table to draw correctly. If anyone has any suggestions please let me know. Also I'm somewhat new to web UI code so if there are any glaring mistakes please bear with me.</p>
  
  <p>I have created an example that mimics what I am coding and shows the behavior I'm experiencing. It can be found here: <a href="http://live.datatables.net/sozobucu/edit" rel="nofollow">http://live.datatables.net/sozobucu/edit</a></p>