twitter-bootstrap - Twitter bootstrap 可滚动表格

Question

我想在我的网站上有一张 table 。问题是这个表大约有 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>

我尝试将最大高度和固定高度应用于表格，但它不起作用。

Answer 1

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