<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>
<table class="table table-striped table-rwd-name table-hidden">
<thead class="table-only-hide">
<tr>
<th>商品名稱</th>
<th width="150">購買數量</th>
<th width="200">單價</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="商品名稱">Col 1</td>
<td data-label="購買數量">Col 2</td>
<td data-label="單價">Col 3</td>
</tr>
<tr>
<td data-label="商品名稱">Col 1</td>
<td data-label="購買數量">Col 2</td>
<td data-label="單價">Col 3</td>
</tr>
<tr>
<td data-label="商品名稱">Col 1</td>
<td data-label="購買數量">Col 2</td>
<td data-label="單價">Col 3</td>
</tr>
<tr>
<td data-label="商品名稱">Col 1</td>
<td data-label="購買數量">Col 2</td>
<td data-label="單價">Col 3</td>
</tr>
<tr>