CSS表格表頭固定滾動(dòng)不變是一項(xiàng)非常實(shí)用的技術(shù)，它可以讓長表格的表頭一直保持在頁面頂部，而表格內(nèi)容可以隨著頁面滾動(dòng)而滾動(dòng)。

/* 給表格容器設(shè)置固定高度，同時(shí)將overflow屬性設(shè)置為auto使表格內(nèi)容可以縱向滾動(dòng) */
.table-container {
height: 300px;
overflow: auto;
}
/* 給表格頭部添加固定定位，并設(shè)置z-index屬性保證它始終在表格內(nèi)容上方 */
.table-header{
position: sticky;
top: 0;
z-index: 1;
}
/* 給表格中的每一列設(shè)置固定寬度，避免表格內(nèi)容被默認(rèn)的自適應(yīng)寬度撐大 */
.table-column {
width: 150px;
}

通過上述代碼，我們可以實(shí)現(xiàn)在表格容器高度固定的情況下，讓表格表頭保持在頁面上方，不隨表格內(nèi)容滾動(dòng)而滾動(dòng)，從而讓用戶更加方便快捷地查看和閱讀表格內(nèi)容。