大佬教程收集整理的这篇文章主要介绍了jquery – Twitter引导选项卡中的表，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<ul class="nav nav-tabs" id="product-table">
<li><a href="#1" data-toggle="tab">Grade 1</a></li>
<li><a href="#2" data-toggle="tab">Grade 2</a></li>
<li><a href="#3" data-toggle="tab">Grade 3</a></li>
</ul>
<div class="tab-content">
<div>
<div class="tab-pane" id="1">
<table class="table table-condensed table-bordered table-Striped volumes">
<thead>
<tr>
<th>Warehouse</th>
<th>Grain Volume</th>
<th>Trade Volume</th>
<th>Direction</th>
</tr>
</thead>
<tbody>
<tr>
<td>NFRA MPANDA RUKWA</td>
<td>487</td>
<td>487.00</td>
<td>IN</td>
</tr>
<tr>
<td>COTCORI Cooperative</td>
<td>113</td>
<td>113.00</td>
<td>IN</td>
</tr>
<tr>
<td>ENAS GBC KIREHE</td>
<td>131</td>
<td>131.00</td>
<td>IN</td>
</tr>
<tr>
<td>Government Procurement and Supply Agent</td>
<td>453</td>
<td>453.00</td>
<td>IN</td>
</tr>
<tr>
<td>Nairobi(test)</td>
<td>261</td>
<td>250.00</td>
<td>IN</td>
</tr>
</tbody>
</table>
</div>
</div>
<div>
<div class="tab-pane" id="2">
<table class="table table-condensed table-bordered table-Striped volumes">
<thead>
<tr>
<th>Warehouse</th>
<th>Grain Volume</th>
<th>Trade Volume</th>
<th>Direction</th>
</tr>
</thead>
<tbody>
<tr>
<td>National Food Reserve Agency_Manyoni</td>
<td>172</td>
<td>172.00</td>
<td>IN</td>
</tr>
<tr>
<td>Sodea GBC</td>
<td>471</td>
<td>20.00</td>
<td>OUT</td>
</tr>
<tr>
<td>Kivu Maize Factory</td>
<td>389</td>
<td>389.00</td>
<td>IN</td>
</tr>
<tr>
<td>Mombasa Bulk Grain Handlers</td>
<td>200</td>
<td>200.00</td>
<td>IN</td>
</tr>
<tr>
<td>Zwii Enterprises-Muloza</td>
<td>-47</td>
<td>47.00</td>
<td>OUT</td>
</tr>
</tbody>
</table>
</div>
</div>
<div>
<div class="tab-pane" id="3">
<table class="table table-condensed table-bordered table-Striped volumes">
<thead>
<tr>
<th>Warehouse</th>
<th>Grain Volume</th>
<th>Trade Volume</th>
<th>Direction</th>
</tr>
</thead>
<tbody>
<tr>
<td>COTCORI Cooperative</td>
<td>93</td>
<td>93.00</td>
<td>IN</td>
</tr>
<tr>
<td>SOSOMA GBC KICUKIRO</td>
<td>-23</td>
<td>23.00</td>
<td>OUT</td>
</tr>
<tr>
<td>Shabiby_Indivisual</td>
<td>270</td>
<td>270.00</td>
<td>IN</td>
</tr>
<tr>
<td>Silayo_Union service Stores</td>
<td>-38</td>
<td>38.00</td>
<td>OUT</td>
</tr>
<tr>
<td>SGR/NFRA VWAWA</td>
<td>-39</td>
<td>39.00</td>
<td>OUT</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
我已经尝试使用规定的布局,但是我注意到如果我删除表格,选项卡似乎工作正常,使用jquery-1.8.3和Bootstrap v2.2.2
简化后,您的布局如下所示：
<div class="tab-content">
<div>
<div class="tab-pane" id="1"/>
</div>
<div>
<div class="tab-pane" id="2"/>
</div>
<div>
<div class="tab-pane" id="3"/>
</div>
</div>
它看起来应该是这样的：
<div class="tab-content"> <div class="tab-pane" id="1"/> <div class="tab-pane" id="2"/> <div class="tab-pane" id="3"/> </div>
以上是大佬教程为你收集整理的jquery – Twitter引导选项卡中的表全部内容，希望文章能够帮你解决jquery – Twitter引导选项卡中的表所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。