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

Question

我有如下所示的html表格；

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

http://jsfiddle.net/supun151515/AC725/16/ ->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/