在網頁開發中，有時需要讓表格表頭保持固定不動，這樣可以提高用戶的使用體驗。在CSS中，有幾種方法可以實現表頭固定不動，下面我們來詳細講解一下。

方法一：使用position屬性

table {
position: relative;
width: 100%;
}
thead {
position: sticky;
top: 0;
}

我們可以在表格的樣式中添加position:relative屬性，讓表格有絕對定位的基礎。然后在表頭的樣式中，添加position:sticky;和top:0;屬性，讓表頭位置固定。這樣就可以實現表頭固定的效果。

方法二：使用JavaScript

window.onload=function()
{
var tb=document.getElementsByTagName("table")[0];
var fh=document.createElement("thead");
fh.innerHTML=myFunction();
tb.insertBefore(fh,tb.childNodes[0]);
tb.onscroll=function()
{
fh.style.transform="translateY("+this.scrollTop+"px)";
}
}
function myFunction() {
return "表頭1表頭2表頭3";
}

我們可以通過JavaScript來實現表頭固定的效果。首先，我們創建一個thead元素，并通過innerHTML添加表頭的內容。然后，在表格中使用appendChild方法來添加該thead元素。最后，通過onscroll事件監聽表格的滾動，使用transform:translateY屬性來移動表頭，從而實現表頭固定的效果。

綜上所述，我們可以選擇使用CSS或JavaScript來實現表頭固定的效果，具體方法根據具體情況而定。但是要注意，表頭固定的效果可能會影響到表格的整體布局，需要進行適當的調整。