gpt4 book ai didi

css - 如何滚动tbody?

转载 作者:行者123 更新时间:2023-11-28 12:03:44 25 4
gpt4 key购买 nike

我想要一个表格有一个可滚动的 tbody,但标题不应该滚动。

表格不应占据 100% 的宽度。列不应比内容宽。

我该怎么做?

正在尝试 https://jsfiddle.net/vxmyh826/4/让它看起来像

table with desired scrolling

通过CSS

table
{
border-collapse: collapse;
max-height: 200px;
display: inline-block;
}

tbody
{
max-height: 200px;
width: 100%;
display: inline-block;
overflow-y: scroll;
}

它看起来像

result

表格边框用红色标记。

编辑

这不是上述链接的副本,因为我不寻找使用脚本的解决方案(这是一个 css 问题)。

最佳答案

table {
display: inline-block;
}

tbody {
display: block;
height: 40rem;
overflow-y: auto;
}

关于css - 如何滚动tbody?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42921119/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com