沒有任何 jQuery 插件的表中的粘性標題（行）和列

Question

我有一個要求，我需要在水平和垂直滾動時粘貼表格的第一行（標題）和前兩列。

我之前使用 Jquery 插件（鏈接到插件）工作得很好，但問題是當行數增加到大約 1000 行時，綁定瀏覽器選項卡會凍結並最終導致頁面無響應。

所以我正在尋找一個 CSS 解決方案，我可以在其中實現相同的目標。 我需要表格單元格是動態的，所以表格單元格的寬度應該根據內容增加，不要弄亂表格的結構。

這是一個帶有表結構小提琴的小提琴。 那么有什么方法可以凍結 header 和列而無需任何重型插件並改變表結構？

Answer 1

嘗試這個：

table tr > th:first-child,
table tr > td:first-child {
      position: sticky;
      left: 0;
      top: 0;
}