固定多行标题和固定列的 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;
}

没有什么对我有用。任何可以处理多行标题或纯 CSS 的优秀 jQuery 插件都值得赞赏。

Answer 1

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

position: absolute

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

这里有一个例子供你参考：

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