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

Question

我有一个使用https://github.com/cemerick/jsdifflib构建的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单表元素来实现？

Answer 1

讨厌将其分解为ya，但除非我误解你，否则你只能用一个table元素来实现这一目标。

表基于这样的前提：每行中的细胞与其正上方的细胞完全对齐。你可以做这样的事情，但它会比单个table元素复杂得多。