固定多行标题并固定列的HTML表

Question

我有如下的html表格;

https://jsfiddle.net/supun151515/fwL8ut4k/

http://jsfiddle.net/supun151515/AC725/16/ - ＆gt; jquery插件

我想修复标题并修复前7列。 我尝试过很多jQuery插件，甚至是纯CSS;

tbody {
 float: left; display: block; overflow-y: scroll; max-height: 100px;
}
tr {
float: left; display: block;
}
td {
float: left; display: block;
}

对我来说没有任何作用。任何好的jQuery插件都可以使用多行标题或纯CSS。

Answer 1

如果你想要一个只有列水平滚动并且标题保持固定的表，你可以`

  

position: absolute

前7列和你的行标题（并明确指定它们的宽度），然后将整个表包装在一个  overflow-x: scroll阻止。

以下是供您参考的示例：

  

https://jsfiddle.net/RMarsh/bzuasLcz/3/