Twitter引导可滚动表

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (12)

我想在我的网站上放一张table。问题是这张桌子将有大约400条线。我该如何限制table的高度,并将滚动条应用到它?这是我的代码:

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

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

提问于
用户回答回答于

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

用户回答回答于
.span3 {  
    height: 100px !important;
    overflow: scroll;
}​

你会想把它包装在它自己的div中,或者给span3一个它自己的id,所以你不会影响你的整个布局。

扫码关注云+社区