【问题标题】:Pure CSS Locked Table Headers - Variable Width and Height with Veritcal and Horizontal Scroll Bars纯 CSS 锁定表头 - 具有垂直和水平滚动条的可变宽度和高度
【发布时间】:2011-08-24 16:22:40
【问题描述】:

是否有一种纯 CSS 方法可以将标题锁定在 thead 元素中,同时让整个表格的宽度可变,并且表格内容可以垂直和水平滚动?

我找到了这个解决方案,但是列是固定宽度的,而表格是固定宽度的,并且没有水平滚动条:

http://www.imaputz.com/cssStuff/bigFourVersion.html

我找到了这个解决方案,几乎完美,除了不能水平滚动表格内容:

http://salzerdesign.com/test/fixedTable.html

是否有任何解决方案仅使用 CSS 使单个表格可以垂直和水平滚动并且不需要列和表格的固定宽度?

【问题讨论】:

    标签: css html


    【解决方案1】:

    您是否查看过您提供的示例中的代码?对第二个示例稍作修改将适合您的需要。它不完全是一张桌子,“头”实际上是一个看起来像一个的 div,而桌子的其余部分被包裹在另一个 div 中并溢出。您可以设置此 div 的大小,然后将表格设置为您想要的大小。只需相应地设置溢出即可。

    【讨论】:

      猜你喜欢
      • 2011-05-16
      • 2012-01-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-11-08
      相关资源
      最近更新 更多