HTML 固定表头滚动条

标签 html scroll html-table

<分区>

Possible Duplicate:
HTML table with fixed headers?

我已经尝试了几种方法来从具有固定标题的 HTML 表格中获取滚动条,但没有成功。我想我需要一个解决方案,其中标题以某种方式“附加”到表体(而不是典型的嵌套表解决方案)。我尝试过的每个解决方案都会弄乱标题栏和正文栏的宽度。换句话说,它们不同步,标题的列与滚动表的列不正确对齐。标题和列的宽度因列而异。

我有什么办法可以实现这个目标吗?我宁愿不使用 JavaScript。哦,我也需要这个才能在 Internet Explorer 中工作。

更新:获得此功能对我来说非常重要。我需要 列和行标题的固定标题。到目前为止,没有任何解决方案能够正常工作。我考虑过将标题分开表格,但这在滚动时不起作用,因为标题会保持固定。

固定 HTML header 似乎有很多用例,所以令我惊讶的是没有合适的解决方案。

(哦,我尝试了 opatut 在链接中建议的选项,但它不适用于所有浏览器,我需要在 Internet Explorer、Firefox 和 Chrome 中使用它。如果它在 Internet Explorer 6 中不起作用没关系)。

哦,如果我必须固定列宽或行高,那也没关系,我会很高兴有一个工作的固定标题 HTML 表格(跨浏览器)。

最佳答案

我有一个解决方案,它是一个纯 CSS 解决方案,允许表格正常和可变宽度。这是一个新的解决方案,根据标题的设计存在一些问题。好消息是,如果您的标题是左对齐的,或者您的列是固定宽度的,那应该没问题。 IE6 中存在一些视觉错误,而且我发现某些单元格需要一个最小宽度来保持标题在列中的内容宽度小于标题时显示。所有问题都是可视化的,所以如果它看起来不错,你就完成了。表格主体是完全正常的,并且由于没有 JavaScript,如果用户调整页面大小,您无需执行任何操作。

查看我的解决方案并给我留言 http://salzerdesign.com/blog/?p=191

关于HTML 固定表头滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3338758/

相关文章:

java - 将 HTML 转义字符串转换为纯 Unicode/ASCII

javascript - 仅在使用 jquery 检查后才在 div 之前添加元素

html - 使可滚动的div占据剩余高度

php - 意外的 $end : I Know exactly where the culprit is, 但不知道如何修复

javascript - 不允许加载本地资源 : file

ios - 在状态栏设置为隐藏时检测点击状态栏

javascript - CSS3 和 jQuery 动画滚动位置

html - Migrate table layout to div 布局问题

html - 调整 HTML 表格大小并强制所有列保留在 View 中

javascript - 两种样式在一个 if 条件下在 javascript 中变化