配合bootstrap实现的table嵌套table 不要忘了引⼊bootstrap.css库
html部分
<div class="container">
<div class="row">
<div class="col-sm-10">
<table class="table table-bordered">
<thead >
<tr>
<th>会被清仓代码</th>
<th>操作</th>
<th>不会被清仓代码</th>
</tr>
</thead>
<tbody>
<td >
<ul class="hidden">
<li>
<span><input type="checkbox" /></span>
<span>1</span>
<span>股票代码的详细信息</span>
</li>
<li>
<span><input type="checkbox" /></span>
<span>1</span>
<span>股票代码的详细信息</span>
</li>
</ul>
</td>
<td class="text-center" >
<div >
<div class="btn btn-default">向右</div>
<div>向左</div>
</div>
</td>
<td >
<ul class="hidden">
<li>
<span><input type="checkbox" /></span>
<span>1</span>
<span>股票代码的详细信息</span>
</li>
<li>
<span><input type="checkbox" /></span>
<span>1</span>
<span>股票代码的详细信息</span>
</li>
</ul>
</td>
</tbody>
<tfoot>
<tr>
<td>tabletable
<label><input type="checkbox" />全选</label>
</td>
<td></td>
<td>
<label><input type="checkbox" />全选</label>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。