Ich hätte gerne einen Tisch auf meiner Website. Das Problem ist, dass diese Tabelle ungefähr 400 Zeilen haben wird. Wie kann ich die Höhe der Tabelle begrenzen und eine Bildlaufleiste darauf anwenden? Das ist mein Code:

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

Ich habe versucht, die maximale Höhe und die feste Höhe auf den Tisch anzuwenden, aber es funktioniert nicht.