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

Question

我有一张这样的桌子：

现在，实际上，将超过100行和/或列。自然，在这样的桌子上，某人可能会失去对他们正在看的内容的跟踪。 因此，我希望有几行（或更多行）和列保持固定的位置，而只有表格的其余部分滚动。 （因此，在图片中，只有包含“数据”的单元格应该滚动，其余的应该留在原处。）

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

所以我在这里问，有没有办法通过CSS / html / js做到这一点？即使很复杂。该表将包装在position: relative div中 如果这很重要的话。

即使代码很受欢迎，我也欢迎提出建议。 （对于整个前端部分都是新的。）

Answer 1

您可以使用DataTables。 这是一个链接 https://datatables.net/examples/styling/bootstrap4