CSS-如何在html表格中添加垂直滚动

我正在做一个jspweb项目。我有一个表，它包含的数据超出了我的表高所能处理的范围。所以我想在我的桌子上添加一个垂直滚动条。我该怎么做？我尝试过我在这里看到的其他解决方案，但遗憾的是，它对我来说效果不好

我想要的是标题应该保持/仍然可见，即使我向下滚动它。我只希望数据行向下滚动

下面是我的JSP代码和CSS

JSP：（我只包括与我的表相关的部分）

提前谢谢。希望您能在这里帮助我。

您尝试过设置吗

编辑：

为父级

div

设置

height

和

overflow-y

你试过设置吗

.columns {
    border: 1px solid gray;
    margin: 10px 0px 10px 10px;
    float:left;
    padding: 0px;
    font-size: 20px;
    overflow: auto; /* add this*/
}

编辑：

为父级

div

设置

height

和

overflow-y

.columns {
    border: 1px solid gray;
    margin: 10px 0px 10px 10px;
    float:left;
    padding: 0px;
    font-size: 20px;
    overflow: auto; /* add this*/
}

如果div的内容不适合，auto将为您提供一个滚动条

如果你想要标题在滚动时保持在原位，你需要给它 ：

固定

如果div的内容不适合，auto将为您提供一个滚动条

如果你想要标题在滚动时保持在原位，你需要给它
：
固定
在何处添加？尝试设置父分区的高度和溢出。在表格元素上添加？尝试设置父分区的高度和溢出。在表格元素上，您已经尝试过的其他解决方案是什么？有人可能会再次建议。通常，在包含元素上设置一个显式的
height
值（如
table
）和
overflow
规则（如
overflow-y:auto
）就足够了，但听起来您也需要一个固定的表头。如果是这种情况，您可能需要澄清您的问题标题，并搜索固定标题的解决方案，如。您可以尝试将表格拆分为2；1对于所有标题部分，您需要在滚动中保持原位，2对于所有相关数据，然后在表2中声明
高度
和
溢出
。您已经尝试过的其他解决方案是什么？有人可能会再次建议。通常，在包含元素上设置一个显式的
height
值（如
table
）和
overflow
规则（如
overflow-y:auto
）就足够了，但听起来您也需要一个固定的表头。如果是这种情况，您可能需要澄清您的问题标题，并搜索固定标题的解决方案，如。您可以尝试将表格拆分为2；1对于所有标题部分，您需要在scroll上保持原位，2对于所有相关数据，然后在表2中声明
高度
和
溢出
。垂直滚动显示并工作。但当我向下滚动时，标题消失了。我添加的位置：固定；在#时间表日，在#时间表中也尝试过，但不起作用。我应该在哪里添加它？@HjReyes您需要将
position:fixed
添加到您想要保留的元素中，我以为您有另一个带有标题的div或其他东西。也许编辑你的代码并添加你的标题。我在#时间表中添加了它，它工作了，但有一个问题。它的宽度减小了。它渐渐沉入水中。另一个标题文本被删掉了。它起作用了，但并不像预期的那样。我怎样才能解决这个问题？你需要按照@UncaughtTypeError的建议，以某种方式将标题和内容分开，或者看看这个例子，我发现它有点复杂，但你应该明白了。嗨，垂直卷轴出现了，并且工作正常。但当我向下滚动时，标题消失了。我添加的位置：固定；在#时间表日，在#时间表中也尝试过，但不起作用。我应该在哪里添加它？@HjReyes您需要将
position:fixed
添加到您想要保留的元素中，我以为您有另一个带有标题的div或其他东西。也许编辑你的代码并添加你的标题。我在#时间表中添加了它，它工作了，但有一个问题。它的宽度减小了。它渐渐沉入水中。另一个标题文本被删掉了。它起作用了，但并不像预期的那样。我如何解决这个问题？您需要按照@UncaughtTypeError的建议，以某种方式分离标题和内容，或者看看这个示例，我发现它有点复杂，但您应该明白这一点。
.columns {
    border: 1px solid gray;
    margin: 10px 0px 10px 10px;
    float:left;
    padding: 0px;
    font-size: 20px;
    overflow: auto; /* add this*/
}