HTML表格,不同列的水平滚动

HTML表格,不同列的水平滚动,html,css,html-table,Html,Css,Html Table,我有一个HTML表,它是用比较两个不同文本文件的方法构建的 我正在比较的不同文件的某些行可能相当长。我试图实现的是文本列的水平滚动条,而行号列保持不变 说明: |1 | X | 1 | Y | |2 | X | 2 | Y | |3 | X | 3 | Y | |4 | X | 4 | Y | |5 | X | 5 | Y | 第1列和第3列包含行号,这些列包含th元素,需要保持固定 第2列和第4列包含文件行,这些行包含td元素,可能很长,因此我希望使用水平滚动条将这两列中的每一列保持在固定宽度

我有一个HTML表,它是用比较两个不同文本文件的方法构建的

我正在比较的不同文件的某些行可能相当长。我试图实现的是文本列的水平滚动条,而行号列保持不变

说明:

|1 | X | 1 | Y |
|2 | X | 2 | Y |
|3 | X | 3 | Y |
|4 | X | 4 | Y |
|5 | X | 5 | Y |

第1列和第3列包含行号,这些列包含th元素,需要保持固定

第2列和第4列包含文件行,这些行包含td元素,可能很长,因此我希望使用水平滚动条将这两列中的每一列保持在固定宽度


使用一个HTML单表元素可以实现这一点吗?

我不想打断你,但除非我误解了你的意思,否则你不能只用一个
元素实现这一点

表格基于这样一个前提:每行中的单元格与其正上方的单元格完全对齐。您可以这样做,但它要比单个
元素复杂得多