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