我有一个有大量行和列的表.但是我想让头固定,第一列固定.这是我需要的照片.
只有粉红色的部分必须水平和垂直滚动,而其他必须在滚动期间保持可见.我的桌子是在一个div.
首先,我应该使用一张桌子还是四张(蓝色的,红色的,绿色的和粉色的)?
我写了这个小提琴:
我试图修复头部,但我没有成功
#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的问题,所以调整了一点.
我想你也希望以类似的方式垂直滚动.让我知道我应该帮忙吗?