HTML固定位置表

时间:2014-04-29 00:26:56

标签: html css

我有多个表堆叠在一起,每个表都有相同数量的列,可以是任何高达50+的列。有了这么多列,您需要在页面上向左和向右滚动才能看到所有数据。

现在,我的问题是..我想把第一张桌子放在一个固定的位置,这样如果我在页面上上下滚动,它总是可见的。同时,如果我向左和向右滚动,固定的桌子也会向左和向右滚动。

我研究过人们处理桌子的多种方式。例如,在要修复的表下面创建一个重复的表(为了保持所有数据的正确位置),然后使用position: absolute,将表冻结到位。如果我的桌子的x轴没有从屏幕上展开,这个方法似乎是完美的。

2 个答案:

答案 0 :(得分:1)

如果我正确了解您的情况,我认为您需要一点点Javascript才能使其正常运行。好消息是,您可以使用一个漂亮的,现成的工具。

查看此演示,了解您的功能是否符合您的要求:(他们使用小方框而非桌面进行演示,但您会明白这一点。)<登记/> http://demo.rickyh.co.uk/css-position-x-and-position-y/

如果看起来像你想要的那样,这里有说明:

http://www.rickyh.co.uk/css-position-x-and-position-y/

答案 1 :(得分:0)

您可能需要查看dataTables.net - 他们的工具提供了大量选项,包括固定滚动。它可能是你的选择。这是their examples

中的一个