Bootstrap 表格

HTML

<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">最新订单</h3>
</div>
<div class="panel-body">
<table class="table">
<thead>
<tr>
<th>#</th>
<th>产品</th>
<th>数量</th>
<th>总金额</th>
<th>业务员</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Apple Macbook air</td>
<td>10 </td>
<td>80000</td>
<td>王小贱</td>
</tr>
<tr>
<td>2</td>
<td>Apple iPad air</td>
<td>20 </td>
<td>65000</td>
<td>张姆</td>
</tr>
<tr>
<td>3</td>
<td>小米</td>
<td>10 </td>
<td>20000</td>
<td>流苏</td>
</tr>



</tbody>


</table>
<p><a class="btn btn-primary" href="#" role="button">查看详细&raquo;</a></p>
</div>

效果:

 

posted @ 2017-09-19 13:18  1点  阅读(115)  评论(0编辑  收藏  举报