表固定头和第一列css / html

前端之家收集整理的这篇文章主要介绍了表固定头和第一列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.f2er.com/css/216410.html

猜你在找的CSS相关文章