固定位置表行标签

Question

我在div中有一个表，包含overflow-x：scroll。因此，您可以左右滚动长桌。第一个“列”（每个tr的第一个位置的td）应包含行的标签。我希望当你向右或向左滚动时，表格的内容会滚动，但标签会保持固定，这样你就可以随时看到它们。

我最初想要在这一行的左边创建另一个表，但是catch是每行的内容是可变的，所以我不知道每行的高度，直到内容加载后（使得很难在“标签列”中设置每个单元格的高度。在内容加载后我无法动态更新标签列单元格的高度的原因是它在FF和IE上非常慢。减速来自调用clientHeight在内容tr或第一个td。我的第一个clientHeight调用内容需要5-6秒（其余的需要0-1ms）。无论如何，我不知道另一种方法。

有什么建议吗？

Answer 1

您也可以将其他单元格的所有内容放入第一个单元格中，偏移量（0,0），以便标签单元格的高度自动设置为最大组件的高度。然后在它们上面放一层使它们不可见，并将标签放在那里。