表中的粘性标题(行)和列,没有任何jQuery插件

Sticky header(row) and column in table without any jQuery plugins

本文关键字:和列 任何 插件 jQuery 标题      更新时间:2023-09-26

我有一个要求,我需要在水平和垂直滚动时粘贴表格的第一行(标题)和前两列。

我以前使用过一个 Jquery 插件(链接到插件),效果很好,但问题是当行数增加时,例如大约 1000 行,而绑定浏览器选项卡时会冻结并最终导致页面无响应。

所以我正在寻找一个可以实现相同目标的 CSS 解决方案。我需要表格单元格是动态的,所以表格单元格的宽度应该根据内容增加,不要弄乱表格的结构。

这是一个带有桌子结构小提琴的小提琴。那么有什么方法可以在没有任何繁重插件的情况下冻结标题和列并更改表结构呢?

      
    

试试这个:

PP_2