<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.12/js/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
<div class="container">
<div class="row">
<h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2>
<table class='table table-hover' id="myTable">
<thead>
<tr class="table-title-btm">
<th >訂單</th>
<th >日期</th>
<th >狀態</th>
<th >總計</th>
<th ></th>
</tr>
</thead>
<tbody>
<tr>
<td data-th="訂單">#01312</td>
<td data-th="日期">2016-08-22</td>
<td data-th="狀態">完成</td>
<td data-th="總計">NT$2580元x5件商品</td>
<td data-th=""><a class="btn btn-primary btn-block" href="order_detail">查看</a></td>
</tr>
<tr>
<td data-th="訂單">#01346</td>
<td data-th="日期">2016-08-21</td>
<td data-th="狀態">完成</td>
<td data-th="總計">NT$2580元x5件商品</td>
<td data-th=""><a class="btn btn-primary btn-block" href="#">查看</a></td>
