表固定头和第一列css / html

我有一个有大量行和列的表.但是我想让头固定,第一列固定.这是我需要的照片.

只有粉红色的部分必须水平和垂直滚动,而其他必须在滚动期间保持可见.我的桌子是在一个div.
首先,我应该使用一张桌子还是四张(蓝色的,红色的,绿色的和粉色的)？

我写了这个小提琴：

http://jsfiddle.net/5XWqj/1/

我试图修复头部,但我没有成功

#container thead {
    position: fixed;
    top: 0;
}

和这样的东西来选择和修复第一列

#container tbody tr td:first-child {
    position: fixed;
    left: 0;
}

但它并没有修复关于包装我的桌子的div.
也许我需要一些jQuery或JavaScript？

如果有人可以帮忙

解决方法

可能你正在寻找这样的东西：

http://zurb.com/playground/playground/responsive-tables/index.html

所有你需要的是包括JS和CSS文件,只需要添加class =’respond’到你的表格元素.

我试图用你的代码实现,但是有一些rowspan的问题,所以调整了一点.

http://jsfiddle.net/UqYgq/3/

我想你也希望以类似的方式垂直滚动.让我知道我应该帮忙吗？

原文地址：https://www.jb51.cc/css/216410.html