今天我想向大家介紹一款非常實用的 CSS 技巧：固定表頭。 在制作數據展示頁面時，表格是必不可少的一部分。但是當數據過多時，表格的滾動條就會出現，而表頭便會隨著滾動條一起滾動，使得用戶在查看數據時很不方便。那么這時候我們可以使用 CSS 的固定表頭技巧來解決這個問題。 示例代碼如下：

table {
border-collapse: collapse;
width: 100%;
}
thead {
position: sticky;
top: 0;
background-color: #fff;
}
th,
td {
padding: 12px 15px;
text-align: left;
border: 1px solid #e3e3e3;
}

在這段代碼中，我們給表頭設置了 `position: sticky;` 屬性，并將 `top` 值設置為 `0`，這樣就可以讓表頭固定在頁面頂部，而不會隨著滾動條滾動。 此外，為了讓表格看起來更加美觀，我們還設置了 `border` 和 `padding` 屬性。 現在，讓我們來看一下這段代碼的運行效果。

演示：

姓名	性別	年齡
小明	男	18
小紅	女	19
小李	男	20
小張	男	21
小明	男	18
小紅	女	19
小李	男	20
小張	男	21

可以看到，表格的表頭已經固定在頁面的頂部了，而不會隨著滾動條滾動。 總結一下，使用 CSS 的固定表頭技巧可以讓用戶更加方便地查看數據。在代碼中，我們只需要給表頭設置 `position: sticky;` 屬性，并將 `top` 值設置為 `0` 就可以實現這個效果。以上就是本次的介紹，希望對大家有所幫助。