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

Question

我有一个使用 https://github.com/cemerick/jsdifflib 构建的 HTML 表格比较两个不同的文本文件。

我比较的不同文件的某些行可能很长。我想要实现的是文本列的水平滚动条，而行号列保持固定。

插图:

| 1 | × | 1 |是 |
| 2 | × | 2 |是 |
| 3 | × | 3 |是 |
| 4 | × | 4 |是 |
| 5 | × | 5 |是 |

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

第 2 和第 4 列包含文件行，这些行包含 td 元素并且可能很长所以我想用水平滚动条将这两列中的每一列保持在固定宽度.

是否可以使用 HTML 单个表格元素来实现？

Answer 1

不想告诉你，但除非我误会了你，否则你不能只用一个 table 元素来实现这一点。

表格的前提是每行中的单元格与其正上方的单元格完全对齐。您可以这样做，但它会比单个 table 元素复杂得多。