前端tab页实例

<div class="tabbable">
<ul class="nav nav-tabs padding-16">
<c:forEach items="${storedCards}" var="storedCards"
varStatus="x">
<li><a data-toggle="tab"
href="#storedCards_${storedCards.id}" aria-expanded="true">
${storedCards.cardname}(全额${storedCards.money+storedCards.givemoney})
</a></li>
</c:forEach>
<c:forEach items="${packageCards}" var="packageCards"
varStatus="y">
<li><a data-toggle="tab"
href="#packageCards_${packageCards.id}" aria-expanded="true">
${packageCards.cardname} </a></li>
</c:forEach>
<c:forEach items="${bigCards}" var="bigCards" varStatus="z">
<li><a data-toggle="tab" href="#bigCards_${bigCards.id}"
aria-expanded="true"> ${bigCards.cardname} </a></li>
</c:forEach>
</ul>
<div class="tab-content profile-edit-tab-content">
<c:forEach items="${storedCards}" var="storedCards"
varStatus="x">
<div >
<thead>
<tr>
<th>姓名</th>
<th>消费业务类型</th>
<th>日期</th>
<th>金额</th>
</tr>
</thead>
<tbody>
<tr>
<td>王小姐</td>
<td></td>
<td>开卡</td>
<td>134654.00元</td>
</tr>
</tbody>
</table>
</div>
<!-- /.span -->
</div>
</div>
</c:forEach>
</div>
</div>