CSS表格表頭固定不動(dòng)是一種常見(jiàn)的前端技巧，其主要作用是使表格的標(biāo)題行（表頭）在滾動(dòng)表格的時(shí)候固定不動(dòng)，從而方便用戶查看數(shù)據(jù)。

table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
th {
background-color: #f2f2f2;
position: sticky;
top: 0;
z-index: 999;
padding: 10px;
}

以上代碼是實(shí)現(xiàn)CSS表格表頭固定不動(dòng)的基本 CSS 樣式代碼。具體來(lái)說(shuō)，我們需要給表格和表格中的表頭單元格分別設(shè)置一些樣式。

首先，我們需要讓表格的寬度 100%，并設(shè)置其 border-collapse 屬性為 collapse，這樣表格的邊框線就不會(huì)重疊。同時(shí)，我們還需要設(shè)置表格的表格布局為 fixed，即固定布局，這樣在滾動(dòng)表格的時(shí)候單元格的高度和寬度就不會(huì)隨著內(nèi)容的變化而發(fā)生改變。

其次，我們需要對(duì)表格的表頭單元格（th元素）進(jìn)行特殊處理。我們需要將其 background-color 屬性設(shè)為我們所需要的背景顏色，這里設(shè)置為 #f2f2f2。然后，我們還需要設(shè)置其 position 為 sticky，即粘性定位，這樣當(dāng)用戶滾動(dòng)表格時(shí)，表頭單元格就會(huì)固定在表格上方不動(dòng)。我們還需要設(shè)置其 top 為 0，這樣表頭單元格就會(huì)固定在表格的頂部。最后，我們需要將其 z-index 屬性設(shè)為一個(gè)比較大的值（這里設(shè)為 999），這樣可以確保表頭單元格不會(huì)被其它元素覆蓋。