twitter-bootstrap – Twitter引导可滚动表

发布时间：2020-12-17 23:33:15 所属栏目：安全来源：网络整理

导读：我想在我的网站上有一张表。问题是这个表将有大约400行。如何限制表的高度，并应用滚动条呢？这是我的代码： div class="span3" h2Achievements left/h2table class="table table-striped" thead tr th#/th thName/th /tr /thead tbody tr td1/td tdSomethi

我想在我的网站上有一张表。问题是这个表将有大约400行。如何限制表的高度，并应用滚动条呢？
这是我的代码：

<div class="span3">
  <h2>Achievements left</h2>
<table class="table table-striped">
  <thead>
    <tr>
      <th>#</th>
      <th>Name</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Something</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Something</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Something</td>
    </tr>
    <tr>
      <td>4</td>
      <td>Something</td>
    </tr>
    <tr>
      <td>5</td>
      <td>Something</td>
    </tr>
    <tr>
      <td>6</td>
      <td>Something</td>
    </tr>
  </tbody>
</table>

  <p><a class="btn" href="#">View details &raquo;</a></p>
</div>

我试图应用max-height和固定高度到表，但它不工作。

解决方法

表元素似乎不直接支持这一点。将表放在div中并设置div的高度并设置overflow：auto。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!