html - 如何将水平滚动条添加到 HTML 表格中的特定列数？

Question

我有一个包含 20 列的 HTML 表格。在该表中，我希望前 10 列固定，其余所有列水平滚动，如下图所示。

我尝试了很多，但我不知道该怎么做。谁能帮我解决这个问题。如果您需要任何进一步的信息，我可以为您提供相同的信息。

等待您的回复。

Answer 1

我做过一次(有一个固定的行和一个固定的列，其余的是可滚动的)并且我遇到了很多困难。

我唯一想到的是在父容器(div 或外部表)中包含多个表(在您的情况下为 2 个)。

如果您可以固定行的高度(使它们在两个表中相等)，事情就很容易了，如果您需要单元格的内容来决定高度，那就有点难了。

在这种情况下，您需要在创建表后调用一个 javascript 函数，该函数将每行的高度设置为两个表中高度的最大值(因此对于每一行“i”，您需要得到

h=max(table1.row[i].cell[1].height,table2.row[i].cell[1].height) 并设置 table1.row [i].cell[1].height = h 和 table2.row[i].cell[1].height = h.

这显然只是粗略的想法，甚至不是伪代码。

working Fiddle