javascript - 具有多个固定行和列的 HTML 表格

我有一张这样的桌子：

目标表

现在，实际上，将有超过 100 行和/或列。自然，在这样的表格中，有人可能会忘记他们正在查看的内容。所以我希望几个（或更多）行和列保持固定在它们的位置，而只有表格的其余部分滚动。（所以在图片中只有包含“数据”的单元格应该滚动，其余的应该保持原位。）

我尝试了几个插件，但它们要么由于某种原因惨遭失败，要么对于大型表来说太慢了。

所以我在这里问，有没有办法简单地通过 CSS/html/js 做到这一点？哪怕很复杂。如果这很重要，表格将被包裹在一个position: relativediv 中。

即使是代码也会非常受欢迎，我也愿意接受建议。（对整个前端部分来说有点新）。

标签： javascriptcssscrollhtml-table