在網頁開發過程中，表格是一個非常重要的元素。但是有時候我們需要將表格進行拖動來更好地展現表格內容。這個時候就可以使用 CSS 實現可拖動表格。

table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
table tbody {
display: block;
width: 100%;
overflow: auto;
height: 300px;
}
table thead, table tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
table thead {
width: calc( 100% - 1em );
}
table thead th:last-child {
width: 1em;
}
table tbody {
width: 100%;
}
table tbody td:last-child {
width: 1em;
}

以上代碼實現了以下幾個功能：

1. 將表格進行邊框合并，以便更好地展現表格樣式。
2. 使用 nth-child 選擇器將偶數行的顏色設置成淺灰色，方便辨認。
3. 將 tbody 元素設置為塊級元素，并且添加滾動條，使其可以拖動。同時，設置表格布局為固定布局。
4. 將表格的 thead 和 tbody 分開，并且將寬度設置為 100%。其中，thead 的寬度為表格的寬度減去 1em，這是為了避免因為滾動條占據了寬度而導致的樣式錯亂。
5. 為了使 tbody 內容與表頭對齊，需要將 tbody 的寬度也設置為 100%。
6. 將表格中的最后一列設置為固定寬度 1em，可以防止滾動條遮擋最后一列內容。

有了以上的 CSS 樣式，表格就可以進行拖動了。當表格的內容過多時，可以通過滾動條進行展示。這樣就大大增強了表格的可讀性。