Question

我有一个包含许多列的表，我使用的是jquery-datatables。我想把这张桌子放在他的容器上，但是桌子就过去了！我正在使用bootstrap表响应，因为你看到桌子的底部有一个滚动条！

<div class="table-responsive"></div>

页面调整大小时，它也不会变小！任何人都可以帮助我吗？

这是我的傻瓜： https://plnkr.co/edit/5LsDrsRPexXHpsWoSRFr?p=preview

Answer 1

只需使用表格宽度100％css。它将使滚动能够与固定容器。

<div class="table-responsive">
   <table class="table table-bordered table-striped table-condensed flip-content" id="topPerformerTable" width="100%">
      <thead style="background:#C0C0C0;">
         <tr>
            <th style="padding-left: 15px;"> Id </th>
            <th> Product Name </th>
            <th> Total Events </th>
            <th> Total Revenue </th>
            <th> Rental Time </th>
         </tr>
      </thead>
      <tbody>
      </tbody>
   </table>
</div>

将数据表固定在boostrap表格上

1 个答案: