<div table凍結是一種前端技術，用于實現在網頁中表格的列或行可以在滾動時保持固定位置不動。這樣可以在處理大量數據時提高用戶的瀏覽體驗，同時也方便用戶查閱數據。下面將通過幾個代碼案例來詳細解釋和說明這個技術。
第一個案例是固定表格的列。在這個案例中，我們將一個表格的第一列固定在左側，其他列可以在水平滾動時保持在固定位置。下面是示例代碼：

<style>
.table-container {
overflow: auto;
width: 500px;
height: 300px;
}
.table-container table {
width: 800px;
}
.table-container td:first-child {
position: sticky;
left: 0;
background-color: #f0f0f0;
}
</style>
<br>
<div class="table-container">
<table>
<tr>
<td>固定列</td>
<td>可滾動列1</td>
<td>可滾動列2</td>
<td>可滾動列3</td>
</tr>
<!-- 其他行省略 -->
</table>
</div>

在這個代碼中，我們定義了一個table-container類的div容器，它具有固定的寬度和高度，并設置了overflow屬性為auto。接著，在table-container內部，我們放置了一個table元素，并為其定義了一個寬度。通過設置td:first-child的position為sticky，并設置left為0，我們使得第一列會在滾動時保持在固定位置。同時，我們還給第一列的背景色添加了樣式，以便與其他列進行區分。
第二個案例是固定表格的行。在這個案例中，我們將一個表格的第一行固定在頂部，其他行可以在垂直滾動時保持在固定位置。下面是示例代碼：

<style>
.table-container {
overflow: auto;
width: 500px;
height: 300px;
}
.table-container table {
width: 800px;
}
.table-container tr:first-child {
position: sticky;
top: 0;
background-color: #f0f0f0;
}
</style>
<br>
<div class="table-container">
<table>
<tr>
<th>固定行</th>
<th>可滾動行1</th>
</tr>
<tr>
<td>固定列1</td>
<td>可滾動列1</td>
</tr>
<tr>
<td>固定列2</td>
<td>可滾動列2</td>
</tr>
<!-- 其他列省略 -->
</table>
</div>

在這個代碼中，我們同樣定義了一個table-container類的div容器，具有固定的寬度和高度，并設置了overflow屬性為auto。在table-container內部，我們放置了一個table元素，并為其定義了一個寬度。通過設置tr:first-child的position為sticky，并設置top為0，我們使得第一行會在滾動時保持在固定位置。同時，我們還給第一行的背景色添加了樣式，以便與其他行進行區分。
通過以上的幾個代碼案例，我們可以看到通過使用div table凍結這種前端技術，可以實現在網頁中表格的列或行固定位置不動的效果。這種技術可以提高用戶的瀏覽體驗，方便用戶查閱大量的數據。如果你在開發網頁時需要處理大量數據的表格，可以嘗試使用這種技術來改善用戶體驗。