配合bootstrap实现的table 嵌套table

不要忘了引入bootstrap.css库

html部分

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62

<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>