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

Posted 2023-03-06

【中文标题】具有多个固定行和列的 HTML 表格

【英文标题】：HTML table with multiple fixed rows and columns

【发布时间】：2019-04-04 23:45:16

【问题描述】：

我有一张这样的桌子：

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

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

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

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

【问题讨论】：

如果我理解你的问题，这是一篇关于固定表的帖子：fixed table

【参考方案1】：

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