html - 可滚动、固定高度的表格

标签 html css css-tables

http://jsfiddle.net/6zM9T/

我已经将 tbody 设置为以下 css:

tbody {
    height:200px;
    overflow:scroll;
    display:block;
}

一切似乎都正常,但行不再使用提供的完整宽度。我试过添加 width:100%;但那没有任何作用。有任何想法吗?

最佳答案

就我而言,这是 HTML 规范中的一个限制。问题是如果你有一个带有 display: block 的 tbody,它不再是 display:table-row-group,这是它能够让里面的行能够作为行工作所需要的。理想情况下,这些将能够在该显示模式下溢出,但这是我发现的限制。最好的选择是有一个内表。

关于html - 可滚动、固定高度的表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12441418/

相关文章:

html - 如何使标题链接指向灯箱中的新窗口?

html - 强制 html 表格适应预定大小(恒定宽度、高度)div,而不管内容如何

css - 如何使这张 table 居中?

JQuery 将选项与跨度值进行比较,如果为真,则将选项禁用

html - 需要在表单中的字段集中居中表格

javascript - 为什么 react 中表单数据没有保存到本地存储?

php - 提交按钮以创建带有输入文本的 HTML 文件

css - 这是使 <body> 最大宽度和居中的最佳方式吗?

html - 高度 100 % 带有滚动条和不可见内容

html - 令人困惑的表格 CSS