CSS表格常常用來展示數據，但是當數據較多時，表格往往會超出頁面顯示范圍，這時候需要用一種方法來讓表格在頁面內可滑動，同時確保表格的左邊列固定不動。這種方法可以使用CSS表格左固定右滑動技術來實現。

.table-wrapper {
overflow-x: auto;
overflow-y: visible;
white-space: nowrap;
position: relative;
}
.table-wrapper table {
margin: auto;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
display: inline-table;
}
.table-wrapper table thead th {
width: auto;
background-color: #eee;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1;
}
.table-wrapper table td,
.table-wrapper table th {
padding: 12px 15px;
text-align: left;
}
.table-wrapper table tbody tr:nth-child(even) {
background-color: #f5f5f5;
}

代碼中，我們首先創建了一個包含table的div，對這個div做一些樣式設置來實現滾動效果。其中，設置overflow-x: auto;意味著當表格寬度超出div的寬度時，滑動條會出現，而overflow-y: visible;表示在垂直方向上不出現滑動條。white-space: nowrap;用來避免單元格內容換行，而position: relative;用來設置thead th的sticky位置。

然后，通過設置table的display: inline-table;可以避免設置固定寬度，而thead th中的position: -webkit-sticky; position: sticky;則用來設置表頭的固定位置。Z-index屬性用來使表頭出現在表格的上層。在表格的單元格中，僅需設置padding和text-align屬性即可。

除此之外，我們還可以通過設置tbody tr:nth-child(even)的background-color，來設置表格行的背景顏色，使其具有更好的可讀性。

通過CSS表格左固定右滑動技術，我們可以更好地展示大量數據，并讓用戶更加方便地查找和閱讀信息。