CSS表格是Web開發中最常用的HTML元素之一，但是通常會出現一種情況：表格太寬而無法適應瀏覽器窗口大小。當表格太寬的時候，我們要么將表格縮放到適應窗口大小，要么添加滾動條。然而，添加滾動條是最好的選擇，因為它既能保持表格的完整性，又能使用戶輕松地瀏覽表格內容。

.table-container {
width: 100%;
overflow-x: auto;
}
.fixed-column {
position: sticky;
left: 0;
z-index: 1;
background-color: #fff;
}
/* 隱藏表格的標題 */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}

一種實現滾動固定列的方式是使用CSS的position: sticky屬性。它是CSS布局中的一個新屬性，可以固定元素的位置在一個特定容器內。在表格中，我們可以將第一列作為固定列，然后使用position: sticky屬性來將其固定在左邊。

在上面的代碼中，我們創建一個.table-container的外部容器，使得overflow-x屬性值為auto，以實現水平滾動。接下來，我們將第一列的單元格定義一個.fixed-column類，使其固定在左側。

為了讓表格更美觀，我們隱藏了表格的標題（thead tr）。這只是將表頭單元格移出繪制區域，以便在滾動時不會得到奇怪的視覺效果。

使用CSS表格滾動固定列是一種非常簡單和實用的方法，可以幫助您更好地控制網頁中的數據格式。現在，使用這個技巧，您可以輕松地創建一個具有滾動和固定列的表格布局，以便您的用戶可以更方便地查看和管理數據。