Question

这是代码。我试过overflow:scroll，我很确定，这是我正在寻找的那段代码，但同样的错误发生了。有人能帮我吗？

这是一个简单的引导程序表。不幸的是，尝试过的解决方案并没有成功。

.stavre
{
 table-layout: fixed;
height: 200px;
}

.stavre table  {
     padding: 5px;
    border: 1px solid #eee;
    width: 100px;
    word-wrap: break-word;
    overflow: scroll;
}


.stavre table {
    height: 200px;

}
</style>

</head>
<body>

<div class= "container">


<div class="stavre">
<table class="table-responsive table table-bordered">

      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>

      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>john@example.com</td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>mary@example.com</td>
      </tr>
      <tr>
        <tr>
        <td>July</td>
        <td>Dooley</td>
        <td>july@example.com</td>
        </tr>
        <tr>
        <td>Tomi</td>
        <td>Nane</td>
        <td>Tomi@example.com</td>
        </tr>
        <tr>
        <td>Miro</td>
        <td>Jovanovski</td>
        <td>Miro@example.com</td>
        </tr>
        <tr>
        <td>Dragi</td>
        <td>Kostovski</td>
        <td>Dragi@example.com</td>
        </tr>


      </tr>

    </table>

</div>

<div>


</body>
</head>
</html>

Answer 1

您可以尝试将max-height放在stavre类上，因此当它超过指定的高度时，它会自动显示滚动条。

如何使用固定标题（引导程序）滚动表格？

1 个答案: