css - 纯 CSS 锁定表头 - 带垂直和水平滚动条的可变宽度和高度

Question

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

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

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

我找到了这个解决方案，它几乎完美，只是你无法水平滚动表格内容:

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

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

Answer 1

您是否看过您提供的示例中的代码？对第二个示例稍作修改即可满足您的需求。它并不完全是一张 table ，“thead”实际上是一个看起来像 table 的 div， table 的其余部分被包裹在另一个带有溢出的 div 中。您可以设置该 div 的大小，然后将表格设置为您想要的大小。只需相应地设置溢出即可。