如何将水平滚动添加到 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 and table2.row[i].cell[1].height = h。

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

working Fiddle