CSS固定表格的列是網頁設計中常用的技巧，可以讓表格中的列始終保持在固定的位置，不受用戶滾動頁面的影響。本文將介紹如何使用CSS實現表格列的固定。

首先，在HTML中建立表格，為每一列添加相應的類別，便于后續的CSS選擇器操作。

<table>
<thead>
<tr>
<th class="first">Name</th>
<th class="second">Age</th>
<th class="third">Gender</th>
<th class="fourth">Occupation</th>
</tr>
</thead>
<tbody>
...
</tbody>
</table>

接下來，使用CSS選擇器找到要固定的列，使用position和left屬性將其定位。同時，需要注意固定列的寬度要與原始列的寬度保持一致，否則可能導致表格布局異常。

th.first,
td.first {
position: sticky;
left: 0;
z-index: 1;
width: 150px;
}
th.second,
td.second {
position: sticky;
left: 150px;
z-index: 1;
width: 100px;
}

注意，上述代碼中的z-index屬性是必須的，用于確保固定列不被其他元素遮擋。

最后，需要為表格容器設置overflow-x: auto屬性，這樣可以在表格容器寬度不足時出現橫向滾動條，使得固定列的展示更加完整。

table {
table-layout: fixed;
width: 100%;
}
.container {
overflow-x: auto;
}

通過以上CSS代碼，就可以實現固定表格列的效果。注意，該方法在一定程度上增加了頁面的代碼復雜度，需要在實際開發中根據具體情況選擇是否使用。