如何将水平滚动条添加到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