固定多行头和固定列的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/