1、如果沒有報表工具或者使用的開源報表工具中沒有固定表頭功能時，可以使用程式碼開發方式實現，例如可以透過 jQuery 方式實現固定表頭效果，實現思路如下：

用 div 替換 table，將要凍結的表頭放入 thead 中，用 thead 絕對定位達到固定的目的，使用 overflow-y:hidden 屬性達到滾動效果。

但是這種方式或者其他外掛方式都存在一些問題：

對於左表頭的固定支援性比較弱；

容易出現單元格錯位現象；

對於動態表頭的支援性比較弱。

2、有報表工具的話，可以直接使用報表工具提供的固定表頭功能，例如：
簡單兩步就可以實現。

固定表頭效果預覽：

imagepng

如何在 web 頁面中實現類似 excel 固定表頭 / 標題行的效果？

相關文章