title: Tables inside Twitter bootstrap tabs
body: <p>I cant seem to get my tables displayed inside Bootstrap tab's, here is a fiddle I think I am making a small error anyone so kind as to point it out? <a href="http://jsfiddle.net/NPpHm/" rel="nofollow noreferrer">http://jsfiddle.net/NPpHm/</a></p>
  
  <pre><code>&lt;ul class="nav nav-tabs" id="product-table"&gt;
    &lt;li&gt;&lt;a href="#1" data-toggle="tab"&gt;Grade 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#2" data-toggle="tab"&gt;Grade 2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#3" data-toggle="tab"&gt;Grade 3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="tab-content"&gt;
    &lt;div&gt;
      &lt;div class="tab-pane" id="1"&gt;
        &lt;table class="table table-condensed table-bordered table-striped volumes"&gt;
          &lt;thead&gt;
            &lt;tr&gt;
              &lt;th&gt;Warehouse&lt;/th&gt;
              &lt;th&gt;Grain Volume&lt;/th&gt;
              &lt;th&gt;Trade Volume&lt;/th&gt;
              &lt;th&gt;Direction&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
              &lt;td&gt;NFRA MPANDA RUKWA&lt;/td&gt;
              &lt;td&gt;487&lt;/td&gt;
              &lt;td&gt;487.00&lt;/td&gt;
              &lt;td&gt;IN&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;COTCORI Cooperative&lt;/td&gt;
              &lt;td&gt;113&lt;/td&gt;
              &lt;td&gt;113.00&lt;/td&gt;
              &lt;td&gt;IN&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;ENAS GBC KIREHE&lt;/td&gt;
              &lt;td&gt;131&lt;/td&gt;
              &lt;td&gt;131.00&lt;/td&gt;
              &lt;td&gt;IN&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;Government Procurement and Supply Agent&lt;/td&gt;
              &lt;td&gt;453&lt;/td&gt;
              &lt;td&gt;453.00&lt;/td&gt;
              &lt;td&gt;IN&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;Nairobi(test)&lt;/td&gt;
              &lt;td&gt;261&lt;/td&gt;
              &lt;td&gt;250.00&lt;/td&gt;
              &lt;td&gt;IN&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;div class="tab-pane" id="2"&gt;
        &lt;table class="table table-condensed table-bordered table-striped volumes"&gt;
          &lt;thead&gt;
            &lt;tr&gt;
              &lt;th&gt;Warehouse&lt;/th&gt;
              &lt;th&gt;Grain Volume&lt;/th&gt;
              &lt;th&gt;Trade Volume&lt;/th&gt;
              &lt;th&gt;Direction&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
              &lt;td&gt;National Food Reserve Agency_Manyoni&lt;/td&gt;
              &lt;td&gt;172&lt;/td&gt;
              &lt;td&gt;172.00&lt;/td&gt;
              &lt;td&gt;IN&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;Sodea GBC&lt;/td&gt;
              &lt;td&gt;471&lt;/td&gt;
              &lt;td&gt;20.00&lt;/td&gt;
              &lt;td&gt;OUT&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;Kivu Maize Factory&lt;/td&gt;
              &lt;td&gt;389&lt;/td&gt;
              &lt;td&gt;389.00&lt;/td&gt;
              &lt;td&gt;IN&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;Mombasa Bulk Grain Handlers&lt;/td&gt;
              &lt;td&gt;200&lt;/td&gt;
              &lt;td&gt;200.00&lt;/td&gt;
              &lt;td&gt;IN&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;Zwii Enterprises-Muloza&lt;/td&gt;
              &lt;td&gt;-47&lt;/td&gt;
              &lt;td&gt;47.00&lt;/td&gt;
              &lt;td&gt;OUT&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;div class="tab-pane" id="3"&gt;
        &lt;table class="table table-condensed table-bordered table-striped volumes"&gt;
          &lt;thead&gt;
            &lt;tr&gt;
              &lt;th&gt;Warehouse&lt;/th&gt;
              &lt;th&gt;Grain Volume&lt;/th&gt;
              &lt;th&gt;Trade Volume&lt;/th&gt;
              &lt;th&gt;Direction&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
              &lt;td&gt;COTCORI Cooperative&lt;/td&gt;
              &lt;td&gt;93&lt;/td&gt;
              &lt;td&gt;93.00&lt;/td&gt;
              &lt;td&gt;IN&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;SOSOMA GBC KICUKIRO&lt;/td&gt;
              &lt;td&gt;-23&lt;/td&gt;
              &lt;td&gt;23.00&lt;/td&gt;
              &lt;td&gt;OUT&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;Shabiby_Indivisual&lt;/td&gt;
              &lt;td&gt;270&lt;/td&gt;
              &lt;td&gt;270.00&lt;/td&gt;
              &lt;td&gt;IN&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;Silayo_Union Service Stores&lt;/td&gt;
              &lt;td&gt;-38&lt;/td&gt;
              &lt;td&gt;38.00&lt;/td&gt;
              &lt;td&gt;OUT&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;SGR/NFRA VWAWA&lt;/td&gt;
              &lt;td&gt;-39&lt;/td&gt;
              &lt;td&gt;39.00&lt;/td&gt;
              &lt;td&gt;OUT&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried to use the prescribed layout, however i have noticed If i remove the table the tabs seem to work fine, using jquery-1.8.3 and Bootstrap v2.2.2 </p>