寻找一种在HTML中冻结表行和列的方法

时间:2012-01-27 20:41:10

标签: javascript jquery html css

我有一个大型数据表,大概有50列和几百行。我已经尝试了许多jquery插件来冻结标题和列,但它们似乎无法正常工作。添加这么多列和行后,它们会冻结或永远加载。据我所知,问题与offsetHeight和offsetWidth有关,但我不知道修复它(或者甚至可能修复)。

我尝试过使用dataTables和fixedheadertable。我知道问题是当我添加jquery时。如果我不使用jquery,表会立即加载。

如果没有javascript,有没有人对如何做到这一点有任何建议或想法?数据是一份巨大的报告,因此所有这些都需要在1页上。我需要能够冻结2个标题行和2列。我还希望桌子能够扩展到100%宽度(可能是100%高度)。

1 个答案:

答案 0 :(得分:3)

我会把你的桌子分成两张桌子。让第一个表只有你的表头,然后在你的表行下面放一个第二个表。

然后将第二个表放入可滚动的div中,这样当您滚动100行时,您的标题仍然可见。

this fiddle

这样的东西