我想在我的网站上有一张表。问题是这个表将有大约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 »</a></p> </div>
我试图应用max-height和固定高度到表,但它不工作。
解决方法
表元素似乎不直接支持这一点。将表放在div中并设置div的高度并设置overflow:auto。