首页 > 代码库 > 配合bootstrap实现的table 嵌套table
配合bootstrap实现的table 嵌套table
不要忘了引入bootstrap.css库
html部分
<div class="container"> <div class="row"> <div class="col-sm-10"> <table class="table table-bordered"> <thead style="background: #ccc;"> <tr> <th>会被清仓代码</th> <th>操作</th> <th>不会被清仓代码</th> </tr> </thead> <tbody> <td style="width: 330px;"> <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" style="width: 118px;"> <div style="display: inline-block;"> <div class="btn btn-default">向右</div> <div>向左</div> </div> </td> <td style="width: 330px;"> <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> <label><input type="checkbox" />全选</label> </td> <td></td> <td> <label><input type="checkbox" />全选</label> </td> </tr> </tfoot> </table> </div> </div> </div>
配合bootstrap实现的table 嵌套table
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。